ng-repeatは私の配列をループしません

Question

誰もが誰かが私に何か手がかりを与えてくれますか？

私は、アレイ内のすべての要素がとid を取得しますが、私はテキストのみでエラーを取得する私の本当のアレイスルーIループラッパー構築しようとします。エラー：[ngRepeat：dupes] ...
を 偽の配列で私はそれが完璧に動作するようにしました。

MY 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> 

MY SCRIPT

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); 
     }); 
}); 

は、あなたが角度からdupesに関するエラーが出る場合は、重複があるので、それはあなたの助けのために本当に多く

Answer 1

をありがとうキー。 the documentationのようにtrack byを使用して解決できます。

はあなたng-repeatに変更してみてください：

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