Petrepe-Repeat Directive AngularJS
Instance AngularJS
Lingkarkan beberapa judul:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </skrip> </head> <body ng-app = "myrler"> </script> </head> <body ng-app = "myrrer"> </script> </head> <body ng-app = "myrrer"> </script> </head> <body ng-apapp = "myrrer"> </script> </head> <body ng-apapp = "myrrer"> 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>Definisi dan penggunaan
Petunjuk NG-Repeat digunakan untuk mengoleskan elemen HTML dari beberapa kali yang ditentukan.
Koleksi harus berupa array atau objek.
tata bahasa
<elemen ng-repeat = "ekspresi"> </sement>
Semua elemen HTML mendukung arahan ini.
Nilai parameter
| nilai | menggambarkan |
|---|---|
| Ekspresi | Ekspresi menentukan cara mengoleksi koleksi. Aturan instance ekspresi: x dalam catatan (kunci, nilai) di myobj X In Records Track oleh $ ID (x) |
Lebih banyak contoh
Instance AngularJS
Gunakan array untuk mengulangi tabel:
<!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="myApp"><table ng-controller="myCtrl"><tr ng-repeat = "x in records"> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </able> <script> var app = angular.module ("myApp", []); app.criproller ("mycroller (" mycord ("myApp", []); app.criproller ("mycord (" mycord ("myApp", []); funchler ("mycroller (" mycord ("myApp", []); {"Name": "Alfreds futterkiste", "country": "germany"}, {"name": "Berglunds snabbk", "country": "Swedia"}, {"nama": "centro comersial moctezuma", "country": "mexico"}, "{" {"{" {"centro {" "", "country": "" mexico "{" {"{" {"{" {"country" {"country" {"country" {"country" {"country" {"country", "mexicial" ]}); </script> </body> </html>Hasil Menjalankan:
| Alfreds Futterkiste | Jerman |
| Berglunds Snabbk | Swedia |
| Centro Comercial Moctezuma | Meksiko |
| Ernst Handel | Austria |
Instance AngularJS
Gunakan objek untuk mengulang untuk mengeluarkan tabel:
<!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="myApp"><table ng-controller="myCtrl"><tr ng-repeat = "(x, y) di myobj"> <td> {{x}} </td> <td> {{y}} </td> </tr> </able> <script> var app = angular.module ("myApp", []); app.criproller. "Nama": "Alfreds Futterkiste", "Country": "Jerman", "City": "Berlin"}}); </script> </body> </html>Hasil Menjalankan:
| Nama | Alfreds Futterkiste |
| Negara | Jerman |
| Kota | Berlin |
Di atas adalah informasi dasar yang menyortir arahan AngularJS ng-repeat, dan akan ditambah nanti.