Angularjs ng-repeat directive
Instancia de angularjs
Librar múltiples títulos:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <cuerpo ng-app = "ng-controller ng-repeat="x in records">{{x}}</h1><script>var app = angular.module("myApp", []);app.controller("myCtrl", function($scope) { $scope.records = [ "Rookie Tutorial 1", "Rookie Tutorial 2", "Rookie Tutorial 3", "Rookie Tutorial 4", ]}); </script> </body> </html>Definición y uso
La Directiva NG-Repeat se usa para obtener los elementos HTML de un número especificado de veces.
La colección debe ser una matriz u objeto.
gramática
<elemento ng-repeat = "expresión"> </elemento>
Todos los elementos HTML admiten esta directiva.
Valor de parámetro
| valor | describir |
|---|---|
| Expresión | Las expresiones definen cómo hacer una colección. Reglas de instancia de expresión: X en los registros (clave, valor) en myobj X In Records Track por $ ID (x) |
Más ejemplos
Instancia de angularjs
Use una matriz para obtener una tabla:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <cuerpo ng-app = "myapp"> <stable <statu ng-concontroller = "myctrl"> <tr ng-depheat = "x en registros"> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> <script> var app = angular.module ("myapp", []); app.controller ("", ",", ",", ",", ",", ",", ". function ($ scope) {$ scope.records = [{"name": "Alfreds futterkiste", "país": "Alemania"}, {"nombre": "berglunds snabbk", "país": "suecia"}, {"nombre": "name" ernste. "erg" {"{" {"{" erg ":" erg "," erg "," {"erg", "{" erg "," {"erg", "{", "{", "{", "{", "{" erg "," {"," {",", "," {",", "{" {",", "{", "," {"," {",", "{", ",", "{", "{" {"," {",", "{", "{", "," {"erg", ". Handel "," País ":" Austria "}]}); </script> </body> </html>Resultados de ejecución:
| Alfreds Futterkiste | Alemania |
| Berglunds snabbk | Suecia |
| Moctezuma de centro comercial | México |
| Ernst Handel | Austria |
Instancia de angularjs
Use un objeto a bucle para emitir una tabla:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <cuerpo ng-app = "myapp"> <stable <statu ng-Controller = "myctrl"> <tr ng-depreat = "(x, y) en myobj"> <td> {{x}} </td> <td> {{y}} </td> </tr> </table> <script> var app = angular.module ("myapp", []); app.p.controller (",", ", mycTrler (", ",", ",", ",", ",", ",", ",", ",", ",". function ($ scope) {$ scope.myobj = {"name": "Alfreds futterkiste", "país": "Alemania", "ciudad": "berlín"}}); </script> </body> </html>Resultados de ejecución:
| Nombre | Alfreds Futterkiste |
| País | Alemania |
| Ciudad | Berlina |
Lo anterior es la información básica que clasifica la Directiva AngularJS Ng-Repeat, y se complementará más tarde.