AngularJS instruksi ng-repeat
AngularJS contoh
keluaran loop beberapa judul:
<Tubuh ng-app = "myApp " ng-controller = "myCtrl">
<H1 ng-repeat = "x dalam catatan"> {{x}} </ h1>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.records = [
The "Tutorial 1"
"Ini tutorial 2"
The "Tutorial 3"
The "Tutorial 4"
]
});
</ Script>
</ Body>
<H1 ng-repeat = "x dalam catatan"> {{x}} </ h1>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.records = [
The "Tutorial 1"
"Ini tutorial 2"
The "Tutorial 3"
The "Tutorial 4"
]
});
</ Script>
</ Body>
Coba »
Definisi dan Penggunaan
ng-repeat keluaran instruksi loop untuk jumlah tertentu elemen HTML.
Koleksi harus array atau objek.
tatabahasa
<Elemen ng-repeat = "ekspresi "> </ elemen>
Semua elemen HTML mendukung instruksi.
Nilai parameter
nilai | deskripsi |
---|---|
ekspresi | Ekspresi mendefinisikan bagaimana siklus koleksi. Ekspresi contoh aturan: x in records (key, value) in myObj |
contoh yang lebih
AngularJS contoh
Menggunakan loop array yang output tabel:
<Table ng-controller = "myCtrl " border = "1">
<Tr ng-repeat = "x dalam catatan">
<Td> {{x.Name}} </ td>
<Td> {{x.Country}} </ td>
</ Tr>
</ Table>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.records = [
{
"Nama": "Alfreds Futterkiste",
"Negara": "Jerman"
}, {
"Nama": "Berglunds snabbkop",
"Negara": "Swedia"
}, {
"Nama": "Centro comercial Moctezuma",
"Negara": "Meksiko"
}, {
"Nama": "Ernst Handel",
"Negara": "Austria"
}
]
});
</ Script>
<Tr ng-repeat = "x dalam catatan">
<Td> {{x.Name}} </ td>
<Td> {{x.Country}} </ td>
</ Tr>
</ Table>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.records = [
{
"Nama": "Alfreds Futterkiste",
"Negara": "Jerman"
}, {
"Nama": "Berglunds snabbkop",
"Negara": "Swedia"
}, {
"Nama": "Centro comercial Moctezuma",
"Negara": "Meksiko"
}, {
"Nama": "Ernst Handel",
"Negara": "Austria"
}
]
});
</ Script>
Coba »
AngularJS contoh
Sebuah siklus output menggunakan tabel objek:
<Table ng-controller = "myCtrl " border = "1">
<Tr ng-repeat = "( x, y) di myObj">
<Td> {{x}} </ td>
<Td> {{y}} </ td>
</ Tr>
</ Table>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.myObj = {
"Nama": "Alfreds Futterkiste",
"Negara": "Jerman",
"Kota": "Berlin"
}
});
</ Script>
<Tr ng-repeat = "( x, y) di myObj">
<Td> {{x}} </ td>
<Td> {{y}} </ td>
</ Tr>
</ Table>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.myObj = {
"Nama": "Alfreds Futterkiste",
"Negara": "Jerman",
"Kota": "Berlin"
}
});
</ Script>
Coba »