Angularjs NG-Repeat Directive
AngularJs Extance
Отстаивать несколько названий:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-vapp = "myApp" ng-controller = "myctrl"> <h1 ng-repeat = "x in records"> {x}} </h1> <script> var app = angular.module ("myApp", []); app.controller ("myctrl", функция ($ scope) {$ scope.Records = ["roktrl", ruopiore 1 ", roopiore 1", "rokiore 1", roopiore 1 "," rokiore 1 ", roopiore 1". «Учебник из новичка 3», «Новичок 4»,]}); </script> </body> </html>Определение и использование
Директива NG-Repeat используется для измерения HTML-элементов указанного количества раз.
Коллекция должна быть массивом или объектом.
грамматика
<element ng-repeat = "Expression"> </element>
Все элементы HTML поддерживают эту директиву.
Значение параметра
| ценить | описывать |
|---|---|
| Выражение | Выражения определяют, как зацикливаться на коллекции. Правила экземпляра выражения: x в записях (ключ, значение) в myobj x в записях трек по $ id (x) |
Больше примеров
AngularJs Extance
Используйте массив, чтобы забрать таблицу:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app ng-controller = "myctrl"> <tr ng-repeat = "x in records"> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> <script> var app = angular.module ("my my,", []; function($scope) { $scope.records = [ { "Name" : "Alfreds Futterkiste", "Country" : "Germany" }, { "Name" : "Berglunds snabbk", "Country" : "Sweden" }, { "Name" : "Centro comercial Moctezuma", "Country" : "Mexico" }, { "Name" : "Ernst Гендел "," Страна ":" Австрия "}]}); </script> </body> </html>Результаты работы:
| Альфредс Футтеркист | Германия |
| Berglunds Snabbk | Швеция |
| Centro Comercial Moctezuma | Мексика |
| Эрнст Гендель | Австрия |
AngularJs Extance
Используйте объект для цикла для вывода таблицы:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app ng-controller = "myctrl"> <tr ng-repeat = "(x, y) в myobj"> <td> {{x}} </td> <td> {y}} </td> </tr> </table> <script> var app = angular.module ("my-myApp",]; Функция ($ scope) {$ scope.myobj = {"name": "Alfreds futterkiste", "страна": "Германия", "Город": "Берлин"}}); </script> </body> </html>Результаты работы:
| Имя | Альфредс Футтеркист |
| Страна | Германия |
| Город | Берлин |
Выше приведено основная информация, разбирающая директиву Angularjs NG-Repeat, и будет дополнена позже.