Question

我正在构建一个相当基本的Ionic / Cordova应用程序。我已经构建了3个选项卡，并有一些链接到其他页面的列表项。我不知道如何正确使用路由。

我的app.js

.state('tab.account.credit', {
    url: '/account/credit',
    views: {
        'creditP': {
            templateUrl: 'templates/credit.html',
            controller: 'CreditCtrl'
        }
    }
})

我的tab-account.html

 <a class="item item-icon-left" ui-sref="tab.account.credit">
 <i class="icon ion-bag"></i>
    Credit!
 </a>

我的credit.html

<ion-view view-title="Credit!">
    <ion-nav-bar class="bar-assertive">
       <ion-content>
           Please work
       </ion-content>
</ion-view>

我尝试了另一种我在SO上找到的解决方案，即在<ion nav-view>标记下方创建一个<a>元素，其中包含类creditP。哪个没用。

任何想法如何让这个工作？

Answer 1

在视图下给出正确的标签属性，并将“信用”链接的href更改为＃/ account / credit似乎已经有效

    .state('tab.credit', {
        url: '/account/credit',
        views: {
            'tab-account': {
                templateUrl: 'templates/credit.html',
                controller: 'CreditCtrl'
            }
        }
    })

但这可能不是正确的方法

使用Ionic创建更多视图

1 个答案: