奇酷學(xué)院老師html5高級就業(yè)大講堂ionic-21選項(xiàng)卡

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

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

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