$ state没有正确导航

时间:2015-03-22 06:25:09

标签: javascript angularjs ionic-framework

我想从页面A导航到B,所以在我的页面A(history.html)视图中我这样做了

<a href="#/history/{{data.id}}">
    <li class="item">
    {{data.items}}
    </li>
</a>

在我的app.js中,状态设置如下

.state('app.history', {
    url: "/history",
    views: {
        'menuContent': {
            templateUrl: "templates/history.html",
            controller: 'historyCtrl'
        }
    }
})

.state('app.history2', {
    url: "/history/:id",
    views: {
        'menuContent': {
            templateUrl: "templates/history2.html",
            controller: 'history2Ctrl'
        }
    }
})

所以据说它应该没问题,但它导航到某个地方,还需要什么?我想念一下吗?我通过在末尾添加一些数字来手动访问链接,例如http://localhost:8100/#/app/history/123,它工作得很好。

3 个答案:

答案 0 :(得分:0)

改为使用ng-href:

<a ng-href="{{'#/app/history/'+data.id}}">
    <li class="item">
    {{data.items}}
    </li>
    </a>

如果你可以在a

中嵌套li,那会更好
<li class="item">
    <a ng-href="{{'#/app/history/'+data.id}}">
       {{data.items}}
    </a>
</li>

答案 1 :(得分:0)

我这样解决了它

<div class="list">
    <a ng-repeat="data in savedData" href="#/app/history/{{data.id}}">
      {{data.items}}
    </a>
</div> 

我不知道为什么lol

答案 2 :(得分:0)

您是否尝试使用 ng-href 而非 href

就像我现在一样,如果角色库在用户点击它时没有完成加载,则href链接可能是错误的。