Question

我想从页面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，它工作得很好。

Answer 1

改为使用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>

Answer 2

我这样解决了它

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

我不知道为什么lol

Answer 3

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

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

$ state没有正确导航

3 个答案: