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>