使用角度的ui-router的master详细信息

时间:2015-04-22 19:39:26

标签: angularjs angular-ui-router

我是角色的新手,正在寻找一个主细节的例子。我发现了一个:http://embed.plnkr.co/DBSbiV/App.js,但这是使用angular的ngRoute。我听说ui.route是最先进的处理路由的方式,因为它更灵活。

我希望在一个模板上同时拥有主要内容和详细信息,因此我尝试使用https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views中的多个命名视图来解决它。但我现在不得不问题,我不知道如何在主列表中创建一个链接到详细视图..我试过...但不知道该放在这里,因为我只有一个有多个视图的州。

你能否告诉我,我是错误的方式,还是我把这个参考文献链接到我的细节?

提前致谢 马库斯

1 个答案:

答案 0 :(得分:2)

您实际上并不需要这样的命名视图。只是嵌套的视图。让我们假设您有一个博客帖子列表。你有一个名为博客的州。另一个名为blogs.edit的州,它采用了postId的参数。

您的blogs.html(主列表)可能如下所示:

<a ng-repeat="post in blog.posts" ui-sref="blogs.edit({postId: post.Id})">{{post.title}}</a>

<div ui-view></div>

这将呈现锚标记列表,以及。

下的嵌套详细信息视图