角度视图:总是返回到其他链接(更新的代码)

时间:2016-04-15 14:32:58

标签: angularjs ionic-framework

你好我有问题......

.state('tabs', {
    url: '/tabs',
    abstract: true,
    templateUrl: 'templates/tabs.html'
})

.state('tabs.personal', {
url: '/personal',
    views: {
        'personalGoals-view': {
          templateUrl: 'templates/personalGoals.html',
          controller: 'personalCtrl'
        }
    }
})

.state('tabs.personal.personalview', {
url: 'tabs/personal/personalview',
    views: {
        'personalview-view': {
          template: 'hello',
          controller: 'personalViewCtrl'
        }
    }
})

这是我的链接:

    <ion-view view-title="PersonalGoals">
        <ion-content class="has-footer">
            <ion-item ng-repeat="goal in goals" href="#" ui-sref="tabs.personal.personalview">
                <span class="goal-lists">{{goal.goaltitle}}</span>
            </ion-item>
        </ion-content>
    </ion-view>

(井号)/ tabs / personal / personalview没有显示并返回到我的链接...我不知道为什么......请帮忙......

2 个答案:

答案 0 :(得分:0)

尝试使用ui-sref

<ion-view view-title="PersonalGoals">
    <ion-content class="has-footer">
        <ion-item ng-repeat="goal in goals" ui-sref="tabs.personal.personalview">
            <span class="goal-lists">{{goal.goaltitle}}</span>
        </ion-item>
    </ion-content>
</ion-view>

答案 1 :(得分:0)

2件事:

当使用ui-router时,使用ui-sref =“tabs.personal.personalview”它比href更好。

第二个你的州是州的标签和URL的大孩子是相对于他们的父州。所以他的完整网址将是

<tabs URL>/<tabs.personal URL>/tabs/personal/personalview

如果我猜对了你如何宣布你的状态,这会给出像

这样的东西
tabs/tabs/personal/tabs/personal/personalview 

如果您使用ui-sref单击链接。