angular.js ui-router将变量传递给state url

Question

我试图将参数传递给angular.js ui-router中的状态,如下所示:

.state('details', {
    url: '/details/:index',
    templateUrl: 'views/details.html'
})

索引正在通过ng-repeat索引传递

 <div ng-repeat="program in programs">
            <h2>{{program.name}}</h2>

            <p>{{program.description || "No Description"}}</p>

            <p><a ui-sref="details({index: $index})">View details »</a></p>
 </div>

我的问题是如何在details.html中读取状态网址中传递的索引？

Answer 1

在控制器中注入$ stateParams.

文档:https://github.com/angular-ui/ui-router/wiki/URL-Routing#stateparams-service

示例:http://plnkr.co/edit/8p55FoKIFHZFcvleFANe？p = preview