ng-repeat不通過我的數組循環通過我的數組

Question

嘿大家可以有人請給我一個線索什麼即時做錯了嗎？

我試圖建立一個包裝凡在我陣列的每個元素得到了和ID 但是，當我環路直通我真正的陣列我只得到與文本錯誤：錯誤：[ngRepeat：受騙者] ...
有了一個假的數組我使它的作品完美。

我的HTML：

<div class="translaterBox"> 
     <span ng-repeat="person in persons" id="{{person}}"> 
      {{person + " "}} 
     </span> 

     <span ng-repeat="text in textWords" id="{{text}}"> 
      {{text + " "}} 
     </span> 
    </div> 

我的腳本

var app = angular.module('splitScreenApp', []); 
app.controller('splitCtrl', function ($scope, $http) { 
    $scope.translatetText = "Translate Here"; 

    $http.get("getContent.php") 
     .then(function (response) { 
      var content = response.data.content; 
      $scope.content = content; 

      function splitContentToWords() { 
       var text; 
       for(var i = 0; i <= content.length;i++){ 
        if(content[i].text){ 
         var text = content[i].text; 
        } 
        return text.split(' '); 
       } 

      } 
      $scope.persons = [ 
       'Jack', 
       'Jill', 
       'Tom', 
       'Harvey' 
      ]; 
      $scope.textWords = splitContentToWords(); 
      console.log($scope.textWords); 
      console.log($scope.persons); 
     }); 
}); 

謝謝你真的很大的幫助

Answer 1

當您收到從角愚弄的錯誤，那是因爲有重複鍵。您可以使用track by解決此問題，如the documentation中所示。

試着改變你的ng-repeat到：

<span ng-repeat="person in persons track by $index" id="{{person}}"> 
<span ng-repeat="text in textWords track by $index" id="{{text}}">