ng-repeat 不循环遍历我的数组

Question

大家好，有人可以告诉我我在这里做错了什么吗？

我试图构建一个包装器，其中数组中的每个元素都有一个和一个 id 但是当我遍历我的真实数组时，我只得到一个错误的文本：错误：[ngRepeat:dupes] ...
我用一个假数组让它完美地工作。

我的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

当您收到有关来自 Angular 的重复项的错误时，那是因为存在重复键。您可以使用 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}}">

ng-repeat 不循环遍历我的数组

ng-repeat doesnt loop thru my array

html

javascript

arrays

angularjs

angularjs-ng-repeat