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

ionicion-tapion-tapion-tabs ion-tabsion-tabion-tabs和主讲教师：（树根合作： (PhoneGap中文网)合作： (IT营)ion-tabs简单介每个ion-tab元素的title区域（被应用.pane样式。AngularJS编译后，ion-tabs元素将被应用.tabs<ion-tabtab1content<ion-tabtab2content<ion-tabtab3content 常用设置如果学习过课程：ionic之CSS框架，应该记得使用.tabs-striped样式可以将选项 为条带风格.tabs-standard申明不带条风格$ionicConfigProvider.tabs.style("striped数可以是standard|ion-tabs:位置框可<ion-tabsclass="tabs-top">...</ion-$ionicConfigProvider.tabs.position("top");//参数可以是：top|ion-tabs下面的ion-tab字、图标和徽章显示隐指titleiconicon-onicon-off默认icon-onion-tabsicon性的值绘制icon-off么ion-tabs就使用icon属性的值绘制图标badge可选的，可以是一个具体的值，也可以是当前作用域上的一个变量badge-stylehidden-隐藏disabled-时<ion-<h1class="title">home</ion-header-<ion-<p>home</ion-</ion-</ion-<ion-tabtitle="About"icon-on="ion-ios-clock"icon-off="ion-ios-clock-outline"badge="12"<ion-<ion-header-barclass="bar-<h1class="title">about</ion-header-<ion-<p>about</ion-</ion-</ion-<ion-<ion-header-barclass="bar-<h1class="title">settings</ion-header-<ion-<p>settings</ion-</ion-</ion-</ion-ion-tabs和ion-tabon-selecton-deselectng-click用者需要手动调用$ionicTabsDelegate的select()方法进行选项页切换 select(index)项aridx=0;$interval(function(){idx=(idx+1)%3;aridx=0;$interval(function(){idx=(idx+1)%3;ion-tabs路由触发状态迁移的几种方式（通俗的讲就是页面跳转的几种方式调用 方法，这是一个高级的便利方法点击包含ui-sref指令的<aui-sref="state1">GoStatevarapp=angular.module("myApp",["ionic"]);app.config(function($stateProvider,$urlRouterProvider){{url: teUrl:"home.html",{ teUrl:"music.html",ionic中结合tab状态嵌套的几种方式',{})中.state('contacts',.state('contacts.list',使用parent.state('contacts',{parent:置，在所有的子状态对象中设置parent属性为父状态对象，像下面这样：varvarcontacts=name:'contacts', teUrl:}varcontactsList=name:parent:contacts, teUrl:}ionic路由结合tap实现页面切换并且加上<ion-tabs<ion-tabsclass="tabs-icon-toptabs-<!--DashboardTab--<!--<!--ChatsTab--<ion-tabtitle="content"icon-off="ion-ios-chatboxes-outline"icon-on="ion-ios-chatboxes"href="#/news/content">ionic$stateProvider.statevi