Inaruhusiwa kufanya tabia HTML, kufa kila kila kwa sababu ya kiwango kwenye mwingine kwa kila kila kwa sababu ya kiwango kwenye mwingine, na kufa kila kila kwa sababu ya kiwango kwenye mwingine kwa kila kipauni cha kiwango. Angalia mifano chini.

Kitabu cha Mafunzo ya AngularJS

Muhtasari na Matumizi

ng-repeat Inaruhusiwa kufanya kikundi cha HTML kinatofanywa mara moja kwa sababu ya kiwango kwenye mwingine.

Kila kile cha kina katika kikundi cha HTML kinatofanywa mara moja.

Kikundi kinasababuwa na jirani au kiwango cha kina.

Tahadhari:Kila kile cha kina kinatofautiana na kikamilifu kwa sababu ya kiwango kwenye mwingine, kinatofautiana na kikamilifu kwa sababu ya kiwango kwenye mwingine.

Ikiwa ina kikundi cha kiwango cha kina:ng-repeat Inaruhusiwa sana kufanya tabia HTML, kufa kila kila kwa sababu ya kiwango kwenye mwingine kwa kila mwingine wa kiwango, na kufa kila kila kwa sababu ya kiwango kwenye mwingine kwa kila kipauni cha kiwango. Angalia mifano chini.

Mfano

Mfano 1

Kufa kila kila kwa sababu ya kiwango kwenye mwingine:

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-repeat="x in records">{{x}}</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.records = [
        "Alfreds Futterkiste",
        "Berglunds snabbköp",
        "Centro comercial Moctezuma",
        "Ernst Handel",
    ]
});

</body>

亲自试一试

Mfano 2

Kufa kila kila kwa sababu ya kiwango kwenye mwingine:

<table ng-controller="myCtrl" border="1">
    <tr ng-repeat="x in records">
        <td>{{x.Name}}</td>
        <td>{{x.Country}}</td>
    </tr>
</table>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.records = [
       {
            "Name" : "Alfreds Futterkiste",
            "Country" : "Germany"
        },{
            "Name" : "Berglunds snabbköp",
            "Country" : "Sweden"
        },{
            "Name" : "Centro comercial Moctezuma",
            "Country" : "Mexico"
        },{
            "Name" : "Ernst Handel",
            "Country" : "Austria"
        }
    ]
});

亲自试一试

Mfano 3

Kufa kila kila kwa sababu ya kiwango kwenye mwingine:

<table ng-controller="myCtrl" border="1">
    <tr ng-repeat="(x, y) in myObj">
        <td>{{x}}</td>
        <td>{{y}}</td>
    </tr>
</table>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myObj = {
        "Name" : "Alfreds Futterkiste",
        "Country" : "Germany",
        "City" : "Berlin"
    }
});

亲自试一试

语法

<element ng-repeat="expression">element>

所有 HTML 元素都支持。

参数

参数 描述
expression

指定如何循环集合的表达式。

Mfano wa Hisia ya Kirefu

x in records

(key, value) in myObj

x in records track by $id(x)

Kitabu cha Mafunzo ya AngularJS