AngularJS ng-Repeat-Anweisung
AngularJS Beispiele
Loop-Ausgang mehrere Titel:
<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 = [
Die "Tutorial 1"
"Dieses Tutorial 2"
Die "Tutorial 3"
Die "Tutorial 4"
]
});
</ Script>
</ Body>
<H1 ng-repeat = "x in records"> {{x}} </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ scope) {
$ Scope.records = [
Die "Tutorial 1"
"Dieses Tutorial 2"
Die "Tutorial 3"
Die "Tutorial 4"
]
});
</ Script>
</ Body>
Versuchen »
Definition und Verwendung
ng-repeat Befehlsschleife Ausgang für eine bestimmte Anzahl von HTML - Elemente.
Sammlung muss ein Array oder ein Objekt sein.
Grammatik
<Element ng-repeat = "Ausdruck "> </ element>
Alle HTML-Elemente unterstützen die Anweisung.
Parameter Wert
| Wert | Beschreibung |
|---|---|
| Ausdruck | Expression definiert, wie eine Sammelzyklus. Beispiel Regel Ausdruck: x in records (key, value) in myObj |
Weitere Beispiele
AngularJS Beispiele
ein Array-Schleife gibt eine Tabelle aus:
<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",
"Land": "Deutschland"
}, {
"Name": "Berglunds snabbkop",
"Land": "Schweden"
}, {
"Name": "Centro Comercial Moctezuma",
"Land": "Mexico"
}, {
"Name": "Ernst Handel",
"Land": "Österreich"
}
]
});
</ Script>
<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",
"Land": "Deutschland"
}, {
"Name": "Berglunds snabbkop",
"Land": "Schweden"
}, {
"Name": "Centro Comercial Moctezuma",
"Land": "Mexico"
}, {
"Name": "Ernst Handel",
"Land": "Österreich"
}
]
});
</ Script>
Versuchen »
AngularJS Beispiele
Ein Zyklus des Ausgangssignals der Objekttabelle unter Verwendung von:
<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",
"Land": "Deutschland",
"Stadt": "Berlin"
}
});
</ Script>
<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",
"Land": "Deutschland",
"Stadt": "Berlin"
}
});
</ Script>
Versuchen »