Question

我有一个页面，如plnkr示例所示。

http://plnkr.co/edit/NKVVn4ga6lYOBWEblt0o?p=preview

当我点击带有href =“＃/ test”的超链接（在页面底部添加）时，我希望它打开此页面，但选择列表中的一个项目。

（尝试实现此目的的原因是我将在不同的应用中使用此路线的网址，并且当点击链接时我希望此页面打开并选择该项目。）

这是我的routeProvider代码的样子

myItemsApp.config(['$routeProvider', function($routeProvider){
  $routeProvider.
    when('/test',{
      templateUrl:'index.html',
    }).
    otherwise({
      redirectTo:'/',
    })
}]);

我可以在这里做任何事情来设置所选列表中的第三项（例如）吗？

到目前为止我所做的是我尝试在routeProvider中进行解析，并在控制器中设置一些逻辑来设置列表中的第三个项目以便选择并且失败了。

非常感谢任何帮助。

Answer 1

这实际上非常简单，如果您已经拥有路线，只需使用$ routeParams 获取所选项目ID的句柄，然后使用该ID遍历您的列表并将正确的元素设置为活动，就像您的路线一样，我不记得ngRoute因为我没有在虽然，但你可以创建其他路线，相同的控制器，相同的模板只是让网址看起来像/ test /：item_id

AngularJS-路由到选择了项目的页面

1 个答案: