第十六讲ionic tap选项卡以及高级路由

ion-tabs ion-tabsion-tabion-tabs和合作： 合作： (IT营)ion-tabs每个ion-tab元素的title区域（被应用.pane样式。AngularJS编译后，ion-tabs元素将被应用.tabstab1contenttab2contenttab3content .tabs-standard申明不带条风格<ion-tabsclass="tabs-striped">...</ion-$ionicConfigProvider.tabs.style("stripedstandard|ion-tabs:位置<ion-tabsclass="tabs-top">...</ion-$ionicConfigProvider.tabs.position("top");//参数可以是：top|ion-tabsion-tabtitleiconicon-onicon-offion-tabsicon么ion-tabs就使用icon属性的值绘制图标badge可选的，可以是一个具体的值，也可以是当前作用域上的一个变量badge-stylehidden-隐藏disabled-<h1class="title">home<p>home<ion-tabtitle="About"icon-on="ion-ios-clock"icon-off="ion-ios-clock-outline"badge="12"<ion-header-barclass="bar-<h1class="title">about<p>about<ion-header-barclass="bar-<p>settingsion-tabs和on-selecton-deselectng-click用者需要手动调用$ionicTabsDelegate的select()方法进行选项页切换select(index)aridx=0;$interval(function(){idx=(idx+1)%3;()点击包含ui-sref指令的<aui-sref="state1">GoStatevarapp=angular.module("myApp",["ionic"]);{url: teUrl:"home.html",{url: teUrl:"music.html",使用“点标记法”，例如：.state('contacts.list使用parentparent:contacts（contacts.state('contacts',.state('contacts.list',.state('contacts',{parent:置，在所有的子状态对象中设置parent属性为父状态对象，像下面这样：varvarcontacts=name:'contacts', teUrl:}varcontactsList=name:parent:contacts, teUrl:}并且加上<ion-tabs<ion-tabsclass="tabs-icon-toptabs-<!--DashboardTab--<ion-tabtitle="list"icon-off="ion-ios-<!--<!--ChatsTab--<ion-tabtitle="content"icon-off="ion-ios-chatboxes-outline"icon-on="ion-ios-chatboxes"href="#/news/content">ionic$stateProvider.stateviewion-nav-view