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

时间:2015-01-17 23:17:11

标签: angularjs carousel angular-ui-bootstrap

我正在尝试点击其他视图,并在Bootstrap UI Carousel中打开特定幻灯片。

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

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

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

这是一个向上展示我的尝试的傻瓜。在这个例子中,我试图链接到home.html,从page.html打开第二张幻灯片。

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

我是AngularJS的新手,所以可能会有一个非常简单的答案,我在看。

我很感激任何帮助。

由于

1 个答案:

答案 0 :(得分:2)

您可以使用$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]