AngularJS ng-repeat不重复

时间:2016-02-29 11:16:27

标签: javascript angularjs

我正在学习Angular JS,我正在构建一个小应用程序 您可以在单词中输入应用程序的第一部分,它会将每个单词放入不同的数组中,并将其显示在<ol>列表中。
那部分有用......
第二部分,我想用它来选择有多少单词然后将“”作为临时单词放在数组中以获得单词的数量。
当数组长度增加时,代码将“
”放入数组中,但第二个<ol>的ng-repeat仅显示第一个元素然后停止。当数字框改变时,它调用此函数。

$scope.createTempWords = function(){
    this.knownWords = [];
    var tempString = "";
    for(var i = 0; i<this.wordCount2; i++)
    {
        tempString += "_";
        if(i < this.wordCount2-1)
            tempString += " ";
    }
    this.knownWords = tempString.split(" ");
    this.count = this.knownWords.length;
}

ng-repeat是已知词汇的链接。

可在此处查看完整代码http://codepen.io/SighFye/pen/bpGzwZ

为什么第二次ng-repeat没有完成它的工作?

1 个答案:

答案 0 :(得分:1)

代码框中有几个错误:

  1. 您加载Angular两次。 (不会导致您的错误,只是一个FYI)
  2. 您有重复警报,您需要在ng-repeat上使用track by $index
  3. Codebin