如何在每个ng重复项中放置ui路由器状态

Question

我想在一个单独的页面中为我的每个项目附加一个状态，因为每个

有一个控制器和模板，除了ui路由器配置之外，其他一切都可以。这是我的app.js

       .state('app.app.0', {
            url: '/home/0/go/',
            views: {
                'content@': {
                    templateUrl: 'views/mohamed ali.html',
                }
            }
        }).state('app.app.1', {
            url: '/home/1/go',
            views: {
                'content@': {
                    templateUrl: 'views/portofolio.html',
                }
            }
        }).state('app.app.2', {
            url: '/home/2/go',
            views: {
                'content@': {
                    templateUrl: 'views/random.html',
                    controller: 'random'
                }
            }
        }).state('app.app.3', {
            url: '/home/3/go',
            views: {
                'content@': {
                    templateUrl: 'views/weather.html',
                    controller: 'weather'
                }
            }

使用ng repeat，我正在遍历json文件，为每个应用程序添加一个信息页面

 <div class="movies">
<ul class="large-block-grid-4 medium-block-grid-3 small-block-grid-2">
    <li ng-repeat="app in apps">
        <figure>
            <img ng-src="img/{{app.img}}.jpg" alt="{{app.name}}" width='250px' height='250px'>
            <figcaption>
                <h3>{{app.name}}</h3>
                <span>{{app.short}}</span>
                <a ui-sref="app.app({id :  app.appId})"  class="btn-mov button expand small">Read More</a>

                 </figcaption>
        </figure>
    </li>
</ul>

在我的信息页面中，我想添加一个按钮，使用应用程序id转到每个应用程序；这是我的信息页面，但我得到了一个错误，因为每个应用程序都有不同的州名称；当我输入相同的名称时，我会得到一个错误，即该名称不能在已关联的中

<section class="single-movie row"  >
        <h1>{{apps[id].name}}</h1>
        <img class="col-sm-5  img-responsive" ng-src="img/{{apps[id].img}}.jpg" alt="{{apps[id].name}}" >
        <div class=" col-sm-7 ">
        // this is the button that is not working
        <a ui-sref="app.app({id :  app.appId})/go"  class="btn-app button expand small">continue</a>
<p><a id="back" ui-sref="app" class="button expand small">Back to home</a></p>

每个应用程序都应该有一个不同的州名称；你不能让它们相似，只能访问一个页面；我需要通过添加id变量来访问每个页面到app.js或到ui sref链接

Answer 1

经过搜索，我在这里找到了答案：ui sref和变量状态参数名称

 $scope.clickHandler = function(param){
$state.go('app.app.'+param,{id:param});
}