AngularJS istruzioni ng-repeat
Manuale di riferimento AngularJS
AngularJS esempi
uscita loop più titoli:
<Corpo ng-app = "myApp " ng-controllore = "myCtrl">
<H1 ng-repeat = "x nei record"> {{x}} </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la funzione ($ portata) {
$ Scope.records = [
Il "Tutorial 1"
"Questo tutorial 2"
Il "Tutorial 3"
Il "Tutorial 4"
]
});
</ Script>
</ Corpo>
<H1 ng-repeat = "x nei record"> {{x}} </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la funzione ($ portata) {
$ Scope.records = [
Il "Tutorial 1"
"Questo tutorial 2"
Il "Tutorial 3"
Il "Tutorial 4"
]
});
</ Script>
</ Corpo>
Prova »
Definizione e utilizzo
ng-repeat uscita ciclo di istruzione per un determinato numero di elementi HTML.
La raccolta deve essere un array o un oggetto.
grammatica
<Elemento ng-repeat = "espressione "> </ element>
Tutti gli elementi HTML supportano l'istruzione.
Valore parametro
| valore | descrizione |
|---|---|
| espressione | Espressione definisce come un ciclo di raccolta. Esempio regola l'espressione: x in records (key, value) in myObj |
Altri esempi
AngularJS esempi
Utilizzando un ciclo matrice emette una tabella:
<Tabella ng-controllore = "myCtrl border" = "1">
<Tr ng-repeat = "x nei record">
<Td> {{x.Name}} </ td>
<Td> {{x.Country}} </ td>
</ Tr>
</ Table>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la funzione ($ portata) {
$ Scope.records = [
{
"Nome": "Alfreds Futterkiste",
"Nazione": "Germania"
}, {
"Nome": "Berglunds snabbkop",
"Nazione": "Svezia"
}, {
"Nome": "Centro comercial Moctezuma",
"Nazione": "Messico"
}, {
"Nome": "Ernst Handel",
"Nazione": "Austria"
}
]
});
</ Script>
<Tr ng-repeat = "x nei record">
<Td> {{x.Name}} </ td>
<Td> {{x.Country}} </ td>
</ Tr>
</ Table>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la funzione ($ portata) {
$ Scope.records = [
{
"Nome": "Alfreds Futterkiste",
"Nazione": "Germania"
}, {
"Nome": "Berglunds snabbkop",
"Nazione": "Svezia"
}, {
"Nome": "Centro comercial Moctezuma",
"Nazione": "Messico"
}, {
"Nome": "Ernst Handel",
"Nazione": "Austria"
}
]
});
</ Script>
Prova »
AngularJS esempi
Un ciclo dell'uscita utilizzando la tabella oggetto:
<Tabella ng-controllore = "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", la funzione ($ portata) {
$ Scope.myObj = {
"Nome": "Alfreds Futterkiste",
"Nazione": "Germania",
"Città": "Berlino"
}
});
</ 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", la funzione ($ portata) {
$ Scope.myObj = {
"Nome": "Alfreds Futterkiste",
"Nazione": "Germania",
"Città": "Berlino"
}
});
</ Script>
Prova »