AngularJS：纳克重复工作不细

Question

我想要的链接列表中的代码

这里是我的代码：

<div ng-repeat="s in CPS" class="dropdown-content"> 

    <a class='activation' 
    href='javascript:void(0)' 
    data-value='update_status_active.php?sr_id={{s.id}}' 
    data-toggle='modal' 
    data-target='#activation'> 

    {{s.name}} 

    </a> 

</div> 

有10个纪录“的CP” 但我得到一个基于“CP”中最后一条记录的值的单个链接

问题是什么？

JSON阵列：

$scope.CPs= 
[ 
     { "id" : 1, "name" : "user1"}, 
     { "id" : 2, "name" : "user1"}, 
     { "id" : 3, "name" : "user1"}, 
     { "id" : 4, "name" : "user1"}, 
     { "id" : 5, "name" : "user1"}, 
     { "id" : 6, "name" : "user1"}, 
     { "id" : 7, "name" : "user1"}, 
     { "id" : 8, "name" : "user1"}, 
     { "id" : 9, "name" : "user1"}, 
     { "id" : 10,"name" : "user1"} 
    ]; 

Answer 1

你在你的代码中的错字。它应该是CP 小号代替CP 小号在ng-repeat

<div ng-repeat="s in CPs" class="dropdown-content"> 

    <a class='activation' 
    href='javascript:void(0)' 
    data-value='update_status_active.php?sr_id={{s.id}}' 
    data-toggle='modal' 
    data-target='#activation'> 

    {{s.name}} 

    </a> 

</div> 

Answer 2

这里是〔实施例

angular.module('myApp',[]).controller('myCtrl',function($scope){ 
 
    $scope.CPs= 
 
    [ 
 
     { "id" : 1, "name" : "user1"}, 
 
     { "id" : 2, "name" : "user1"}, 
 
     { "id" : 3, "name" : "user1"}, 
 
     { "id" : 4, "name" : "user1"}, 
 
     { "id" : 5, "name" : "user1"}, 
 
     { "id" : 6, "name" : "user1"}, 
 
     { "id" : 7, "name" : "user1"}, 
 
     { "id" : 8, "name" : "user1"}, 
 
     { "id" : 9, "name" : "user1"}, 
 
     { "id" : 10,"name" : "user1"} 
 
    ]; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<div ng-repeat="s in CPs" class="dropdown-content"> 
 

 
    <a class='activation' 
 
    href='javascript:void(0)' 
 
    data-value='update_status_active.php?sr_id={{s.id}}' 
 
    data-toggle='modal' 
 
    data-target='#activation'> 
 

 
    {{s.name}} 
 

 
    </a> 
 

 
</div> 
 
</div>