Question

这是我的代码：在这段代码中，我的ng-repeat不起作用

    <br/>
        <h3>Looping with ng-repeat directive</h3>   
            <ul>
                <li data-ng-repeat="name in names init">{{names}}</li>

            </ul>

    </div>      
    <script src="angular.min.js"></script>
</body>
</html>

Answer 1

ng-repeat的工作方式类似于for循环（如果你熟悉Java，它就像for-each循环一样）。语法是

ng-repeat="item in listOfItems"

http://docs.angularjs.org/api/ng/directive/ngRepeat

这里发生的事情是，转发器将生成使用ng-repeat注释的内容，以包含列表包含的多个项目（请参阅示例here）。

在你的情况下，正如Vamsi V所说，你需要像

这样的东西

<li ng-repeat="name in names">{{ name }}</li>

Answer 2

如果names是一个名称数组，如

$scope.names = ['John', 'Jack', 'Joe'];

你必须使用

<li ng-repeat="name in names">{{ name }}</li>

如果人是像

这样的对象数组

$scope.persons = [{name: 'John', age: 20}, {name: 'Jack': age: 21}];

你必须使用

<li ng-repeat="person in persons">{{ person.name }}</li>

Angular JS＆＃34; ng-repeat＆＃34;不管用

2 个答案: