представлять
Ионно-таблы-это компонент TAB в Ionic, а маршрутизация использует Angular-ui-router.js. Поэтому вы должны сначала освоить Uiroute.
Диаграмма воспроизведения
Пример кода
index.html
<body ng-app = "Starter"> <!-Ion-Nav-view используется для рендеринга шаблонов-> <Ion-nav-view> </yon-nav-view> </body>
tab-index.html
<Ion-tabs> <!-hREF: Статус, соответствующий значке вкладок: Ионно-таб-значок значка: Ион-таб. атрибут. И при формулировании маршрутов, соответствующего статуса и представлений рендеринга-> <Ion-nav-view name = "tab-home"> </yon-nav-view> </ion-tab> <ion-tab href = "#/tabs/taobao" Icon-off = "yon-new-tf" Icon-on = "Ion-New-Tf-Off"> <Ion-nav-view-view-view-view. name = "tab-taobao"> </on-nav-view> </ion-tab> <ion-tabic off = "Ion-new-Zhemai" icon-on = "Ion-new-Zhemai-off"> </ion-tab> <ion-tab href = "#/tabs" icon-ince-in-in-ine-in-in-in-in-in-in-in-in new-in-in-in-in-in-in-in-in-in-in-in-in-in-in-ine <Ion-Nav-view name = "tab-user"> </ион-Nav-view> </iOn-tab> </ионно-tabs>
config.js
.state ("Tabs", {url: "/tabs", templateurl: "Templates/tab/tab-index.html", controller: "tabs"}). state ("tabs.home", {url: "/home", просмотры: {"Tab-Home": {Templateurl: "Template/Home/Home.ht.htm. }}). State ("tabs.taobao", {url: "/taobao", Views: {"tabaobao": {templateurl: "Templates/taobao/taobao.html"}}}). "Шаблоны/user/user.html"}}})Затем вы можете написать содержимое каждой вкладки в Home.html taobao.html user.html
Например:
Home.html
<ion-header-bar> <ion-title>Home</ion-title></ion-header-bar><ion-view> <ion-content> <ion-refresher pulling-text="drop-down refresh" on-refresh="doRefresh()"></ion-refresher> </ion-content></ion-view>
Примечание: не размещайте ионные таблы в ионо-контентный элемент; Это приведет к определенным известным ошибкам CSS.
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.