Angularjs 离子路由，不工作

我是爱奥尼亚和我的新朋友；我试图在一个应用程序上工作，我被困在通过标签页在页面之间路由。。。无法理解控件如何进入$stateProvider.state{…}并遇到奇怪的问题

app.js 角度。模块'LetsChat'，['ionic'] ... .configfunction$stateProvider，$urlRouterProvider{ $stateProvider .state'tab'{ url:“/tab”， 摘要：没错， templateUrl:app/tabs.html } .state'tab.contact'{ url:/contact， 观点：{ “制表符联系人”：{ templateUrl:app/contact/contact.html } } } .state'chat-list'{ url:/聊天列表， 观点：{ “选项卡聊天列表”：{ templateUrl:app/chat list/chat-list.html } } } $urlRouterProvider。否则为“/tab”； }; Index.html ... ... tabs.html contact.html 联系 chat-list.html 聊天列表

---

也许这会帮助你。。。 您必须使用相同的视图名称

tabs.html contact.html chat-list.html

---

尝试从您的uri-s中删除app/。。。

---

例如：“contact/contact.html”而不是“app/contact/contact.html”

首先使用这个$urlRouterProvider。否则“/tab”；是错误的选项卡状态是抽象的，所以您不能通过url访问。那么聊天列表状态应该是tab.chat-listyeah，这是一个输入错误，无论我在$urlRouterProvider给出什么。否则“/xxx”；路由操作无法执行，我当时有点困惑。

<ion-tabs class="tabs-icon-top">
    <!-- contact Tab -->
    <ion-tab title="Contact" icon="icon ion-ios7-person" href="#/tab/contact">
        <ion-nav-view name="tab-contact"></ion-nav-view>
    </ion-tab>
    <!-- chat-list Tab -->
    <ion-tab title="chat list" icon="icon ion-android-forums" href="#/tab/chat-list">
        <ion-nav-view name="tab-chat-list"></ion-nav-view>
    </ion-tab>
</ion-tabs>

<ion-view title="tab-contact">
    <ion-content class="padding">
        <h1>contact</h1>
    </ion-content>
</ion-view>

<ion-view title="tab-chat-list">
    <ion-content class="padding">
        <h1>chat list</h1>
    </ion-content>
</ion-view>