AngularJS、UI Bootstrap 轮播 link 到不同视图的特定幻灯片

Question

我正在尝试点击进入不同的视图，打开 Bootstrap UI 轮播中的特定幻灯片。

我已经能够使用活动属性:

创建一个转到特定幻灯片的按钮

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

但我似乎无法弄清楚如何 link 到另一个视图并打开特定的幻灯片。

这里有一个 plunker，显示了我到目前为止的尝试。在此示例中，我尝试从 page.html.

打开第二张幻灯片 link 到 home.html

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

我是 AngularJS 的新手，所以可能有一个非常简单的答案，我没仔细看。

如有任何帮助，我将不胜感激。

谢谢

Answer 1

您可以使用$routeParams for this. Here is working example: 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].

AngularJS、UI Bootstrap 轮播 link 到不同视图的特定幻灯片

AngularJS, UI Bootstrap Carousel link to a specific slide from a different view

carousel

angularjs

angular-ui-bootstrap