AngularJS instrucción ng repetición
Manual de Referencia AngularJS
AngularJS ejemplos
salida del lazo de varios títulos:
<Cuerpo ng-app = "myApp " ng-controller = "myCtrl">
<H1-ng repetición = "x en los registros"> {{x}} </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la función ($ ámbito de aplicación) {
$ Scope.records = [
El "Tutorial 1"
"Este tutorial 2"
El "Tutorial 3"
El "Tutorial 4"
]
});
</ Script>
</ Body>
<H1-ng repetición = "x en los registros"> {{x}} </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la función ($ ámbito de aplicación) {
$ Scope.records = [
El "Tutorial 1"
"Este tutorial 2"
El "Tutorial 3"
El "Tutorial 4"
]
});
</ Script>
</ Body>
Trate »
Definición y Uso
ng-repetición de salida del bucle de instrucciones para un número determinado de elementos HTML.
La recolección debe ser una matriz o un objeto.
gramática
<Ng-repeat = "elemento expresión "> </ element>
Todos los elementos HTML apoyan la instrucción.
parámetro Valor
valor | descripción |
---|---|
expresión | Expresión define cómo un ciclo de recogida. Ejemplo expresión regla: x in records (key, value) in myObj |
más ejemplos
AngularJS ejemplos
El uso de un bucle de matriz saca una tabla:
<Tabla ng-controller = "myCtrl " border = "1">
<Tr-ng repetición = "x en los registros">
<Td> {{}} x.Name </ td>
<Td> {{}} x.Country </ td>
</ Tr>
</ Table>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la función ($ ámbito de aplicación) {
$ Scope.records = [
{
"Nombre": "Alfreds Futterkiste",
"País": "Alemania"
}, {
"Nombre": "Berglunds snabbkop",
"País": "Suecia"
}, {
"Nombre": "Centro comercial Moctezuma",
"País": "México"
}, {
"Nombre": "Ernst Handel",
"País": "Austria"
}
]
});
</ Script>
<Tr-ng repetición = "x en los registros">
<Td> {{}} x.Name </ td>
<Td> {{}} x.Country </ td>
</ Tr>
</ Table>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la función ($ ámbito de aplicación) {
$ Scope.records = [
{
"Nombre": "Alfreds Futterkiste",
"País": "Alemania"
}, {
"Nombre": "Berglunds snabbkop",
"País": "Suecia"
}, {
"Nombre": "Centro comercial Moctezuma",
"País": "México"
}, {
"Nombre": "Ernst Handel",
"País": "Austria"
}
]
});
</ Script>
Trate »
AngularJS ejemplos
Un ciclo de la salida utilizando la tabla de objetos:
<Tabla ng-controller = "myCtrl " border = "1">
<Tr-ng repetición = "( x, y) en myObj">
<Td> {{x}} </ td>
<Td> {{y}} </ td>
</ Tr>
</ Table>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la función ($ ámbito de aplicación) {
$ Scope.myObj = {
"Nombre": "Alfreds Futterkiste",
"País": "Alemania",
"Ciudad": "Berlín"
}
});
</ Script>
<Tr-ng repetición = "( x, y) en myObj">
<Td> {{x}} </ td>
<Td> {{y}} </ td>
</ Tr>
</ Table>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la función ($ ámbito de aplicación) {
$ Scope.myObj = {
"Nombre": "Alfreds Futterkiste",
"País": "Alemania",
"Ciudad": "Berlín"
}
});
</ Script>
Trate »