javascript - 来自angularjs中Route Param的项目详细信息

标签 javascript angularjs

我正在做一个显示 ListView 和详细 View 的基本 Angular 示例。 这是plunkr:http://plnkr.co/edit/YduJGYQr4lFGK8EXdSXs 它目前通过在链接中使用 ng-click="select(page)"而不是在 RouteParams 中指定的 :pageId 来显示详细信息,因此如果您使用后退按钮,它将不起作用。

基本上我知道如何从路由参数中获取 :pageId,但不知道如何使用它来选择特定项目。我如何从对象中的值获取对象?

最佳答案

虽然@musically_ut 示例有效,但我不认为您解决问题的方式是推荐的解决方法。您的方法将 ListView 与详细信息 View 紧密结合。

更好的方法是拥有一个专用的列表 Controller / View 和一个专用的详细信息 Controller / View 。在你的细节 Controller 中,你将使用你的路由参数来访问项目细节,或者通过调用你的服务器,或者如果你必须将所有内容都放在内存中,那么将你的页面数组移动到一个服务/工厂中,它可以是由列表 Controller 和详细信息 Controller 共享。通过这种方式,两个 View 都是分离的,您可以在任何您喜欢的地方有效地重复使用它们。

根据@charlietfl comment ,官方示例应该为您指明正确的方向。

关于javascript - 来自angularjs中Route Param的项目详细信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20110159/

相关文章:

javascript 使用 for 循环在 css 类的末尾添加数字

javascript - Wildfly 允许 OPTIONS 方法但返回 405 不允许方法

javascript - 向数字添加逗号时出现问题

javascript - 如何从循环动态创建多个 UL LI - javascript/jquery/magento

angularjs - 无法构建 angularjs 文档(不知道如何格式化 @ngdoc : method)

angularjs - 为什么我不能从名为 'users' 的文件夹加载文件?

javascript - HTML/JavaScript : How to run a loop while running other code?

angularjs - Protractor - 下拉元素不可见(自动完成下拉)

javascript - 按动态计数 AngularJS 排序时的奇怪行为 -

javascript - angularjs selft $broadcast 和 $on