我正在尝试点击其他视图,并在Bootstrap UI Carousel中打开特定幻灯片。
我已经能够使用活动属性创建一个转到特定幻灯片的按钮:
$scope.setActive = function(idx) {
$scope.slides[idx].active=true;
但我似乎无法弄清楚如何链接到另一个视图并打开特定的幻灯片。
这是一个向上展示我的尝试的傻瓜。在这个例子中,我试图链接到home.html,从page.html打开第二张幻灯片。
http://plnkr.co/edit/MXK8Auhc89AKMcoyy0Jn?p=preview
我是AngularJS的新手,所以可能会有一个非常简单的答案,我在看。
我很感激任何帮助。
由于
答案 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]
。