奇酷學(xué)院老師html5高級就業(yè)大講堂ionic-21選項卡_第1頁
奇酷學(xué)院老師html5高級就業(yè)大講堂ionic-21選項卡_第2頁
奇酷學(xué)院老師html5高級就業(yè)大講堂ionic-21選項卡_第3頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、ionic選項卡欄操作ion-tabsion-tabs 是有一組頁面選項卡組成的選項卡欄??梢酝ㄟ^點擊選項來切換頁面。對于 iOS,它會出現(xiàn)在屏幕的底部,Android 會出現(xiàn)在屏幕的頂部(導(dǎo)航欄下面)。用法1 內(nèi)容 -!-嘗試一下 效果如下所示:APIion-tab隸屬于 ionTabs包含一個選項卡內(nèi)容。該內(nèi)容僅存在于被選中的給定選項卡中。每個 ionTab 都有自己的瀏覽歷史。用法APIhref(可選)字符串但觸碰的時候,該選項卡將會跳轉(zhuǎn)的的。icon-on(可選)字符串被選中的圖標(biāo)。icon-off(可選)字符串沒被選中的圖標(biāo)。badge(可選)表達(dá)式選項卡上的徽章(通常是一個數(shù)字)。

2、badge-style(可選)表達(dá)式選項卡上微章的樣式(例,tabs-itive)。on-select(可選)表達(dá)式選項卡被選中時觸發(fā)。ng-click(可選)表達(dá)式通常,點擊時選項卡會被選中。如果設(shè)置了 ng-Click,它將不會被選中。 你可以用$ionicTabsDelegate.select()來指定切換。$ionicTabsDelegate控制 ionTabs 指令。該方法直接調(diào)用$ionicTabsDelegate 服務(wù),控制所有 ionTabs 指令。用$getByHandle 方法控制具體的ionTabs 實例。用法你好,1!選擇2你好2!on-deselect 表達(dá)選項卡取消

3、選中時觸發(fā)。式(可選)icon字符選項卡的圖標(biāo)。如果給定值,它將成為ion-on 和ion-off 的默認(rèn)值。串(可選)屬性類型詳情title字符選項卡的標(biāo)題。串function MyCtrl($scope, $ionicTabsDelegate) $scope.selectTabWithIndex = function(index) $ionicTabsDelegate.select(index);方法select(index, shouldChangeHistory)選擇來匹配給定的索引。shouldChangeHistory(可選)此選項是否應(yīng)該加載這個的瀏覽歷史(如果存在),并使用,或僅加載默認(rèn)頁面。默認(rèn)為false。值提示:如果一個 ion-nav-view 在選項卡里,你可能需要設(shè)置它為true。selectedIndex()返回值: 數(shù)值, 被選中的索引,如 -1。$getByHandle(handle)例如:$ionicTabsDelegate.$getByHandle(m

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論