AngularJS，UI Bootstrap Carousel 从不同视图链接到特定幻灯片

Question

我正在尝试点击进入另一个视图，并在 Bootstrap UI Carousel 中打开特定幻灯片。

我已经能够使用 active 属性创建一个转到特定幻灯片的按钮：

$scope.setActive = function(idx) {
   $scope.slides[idx].active=true;

但我似乎不知道如何链接到另一个视图并打开特定幻灯片。

这是我迄今为止的尝试。在这个例子中，我试图链接到 home.html，并从 page.html 打开第二张幻灯片。

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

我是 AngularJS 的新手，所以可能有一个非常简单的答案，我正在寻找。

我将不胜感激。

谢谢

Answer 1

您可以为此使用$routeParams。这是工作示例：http://plnkr.co/edit/Ky2HEpOYuqtgqsTSUr1x?p=preview

 //in app.config
 .when('/home/:slide', {
    //introducing slide as parameter here
    templateUrl: 'pages/home.html',
    controller: 'SlideController'
  })


//in Ctrl controller
$scope.setActive($route.current.params.slide || 0);


<!--resulting link for page.html-->
    <a href="#home/1">View Second Slide</a>

第二个数组的项目是array_name[1]。