Angular JS“ ng-repeat”不起作用

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/ng重復

這里發生的是，轉發器將為列表包含的所有項目生成用ng-repeat注​​釋的內容（請參見此處的示例）。

就您而言，正如Vamsi V所說，您需要

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

Answer 2

如果名稱是一個名稱數組，例如

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