如何在Angularjs中添加项目的迭代？

Question

我曾经ng-repeat循环通过控制器中的数组.问题是,它不是显示新行中的每个值,而是显示每行中的所有数组值,如下所示:

html代码如下所示:

<div ng-model="wrapper_div" id="wrapper">
    <input type="button" value="Update Data"
    ng-click="updateData()" />
    <ul ng-repeat="x in data">
        <li>{{data}}</li>
    </ul>
</div>

和剧本:

var answers = [];
function updateData(data) {

    var scope = angular.element($("#wrapper")).scope();
    scope.$apply(function(){

        answers.push(data);
        scope.data = answers;
    });
}

预期结果应如下所示:

9
6
7

而不是这个:

9,6,7
9,6,7
9,6,7

Answer 1

你显示data不是x,数据是一个数组,所以完整的数组显示三次,而不是显示{{x}}尝试

<ul ng-repeat = "x in data"><li>{{x}}</li></ul>