AngularJS คำแนะนำ NG-ซ้ำ
คู่มือการใช้งาน AngularJS อ้างอิง
AngularJS ตัวอย่าง
การส่งออกห่วงชื่อหลาย
<body NG-App = "MyApp " NG-ควบคุม = "myCtrl">
<h1 NG-ซ้ำ = "x ในบันทึก"> {{X}} </ h1>
<script>
var App = angular.module ( "MyApp" []);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.records = [
"การสอน 1"
"กวดวิชานี้ 2"
"การสอน 3"
"การสอน 4"
]
});
</ script>
</ body>
<h1 NG-ซ้ำ = "x ในบันทึก"> {{X}} </ h1>
<script>
var App = angular.module ( "MyApp" []);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.records = [
"การสอน 1"
"กวดวิชานี้ 2"
"การสอน 3"
"การสอน 4"
]
});
</ script>
</ body>
ลอง»
ความหมายและการใช้งาน
NG-ซ้ำการส่งออกการเรียนการสอนห่วงสำหรับจำนวนที่ระบุองค์ประกอบ HTML
การเก็บต้องเป็นอาร์เรย์หรือวัตถุ
ไวยากรณ์
<ธาตุ NG-ซ้ำ = "แสดงออก "> </ องค์ประกอบ>
องค์ประกอบ HTML ทุกการสนับสนุนการเรียนการสอน
ค่าพารามิเตอร์
ความคุ้มค่า | ลักษณะ |
---|---|
การแสดงออก | กำหนดวิธีการแสดงออกรอบคอลเลกชัน การแสดงออกกฎตัวอย่าง: x in records (key, value) in myObj |
ตัวอย่างเพิ่มเติม
AngularJS ตัวอย่าง
โดยใช้ห่วงอาร์เรย์ outputs ตาราง:
<table NG-ควบคุม = "myCtrl " border = "1">
<Tr NG-ซ้ำ = "x ในบันทึก">
<td> {{x.Name}} </ td>
<td> {{x.Country}} </ td>
</ tr>
</ table>
<script>
var App = angular.module ( "MyApp" []);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.records = [
{
"ชื่อ": "Alfreds Futterkiste"
"ประเทศ": "เยอรมัน"
}, {
"ชื่อ": "Berglunds snabbkop"
"ประเทศ": "สวีเดน"
}, {
"ชื่อ": "Centro Comercial ม็อกเตซู"
"ประเทศ": "เม็กซิโก"
}, {
"ชื่อ": "เอินส์ทฮันเดล"
"ประเทศ": "ออสเตรีย"
}
]
});
</ script>
<Tr NG-ซ้ำ = "x ในบันทึก">
<td> {{x.Name}} </ td>
<td> {{x.Country}} </ td>
</ tr>
</ table>
<script>
var App = angular.module ( "MyApp" []);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.records = [
{
"ชื่อ": "Alfreds Futterkiste"
"ประเทศ": "เยอรมัน"
}, {
"ชื่อ": "Berglunds snabbkop"
"ประเทศ": "สวีเดน"
}, {
"ชื่อ": "Centro Comercial ม็อกเตซู"
"ประเทศ": "เม็กซิโก"
}, {
"ชื่อ": "เอินส์ทฮันเดล"
"ประเทศ": "ออสเตรีย"
}
]
});
</ script>
ลอง»
AngularJS ตัวอย่าง
วงจรของการส่งออกโดยใช้ตารางวัตถุ:
<table NG-ควบคุม = "myCtrl " border = "1">
<Tr NG-ซ้ำ = "( x, y) ใน myObj">
<td> {{X}} </ td>
<td> {{Y}} </ td>
</ tr>
</ table>
<script>
var App = angular.module ( "MyApp" []);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.myObj = {
"ชื่อ": "Alfreds Futterkiste"
"ประเทศ": "เยอรมนี"
"เมือง": "เบอร์ลิน"
}
});
</ script>
<Tr NG-ซ้ำ = "( x, y) ใน myObj">
<td> {{X}} </ td>
<td> {{Y}} </ td>
</ tr>
</ table>
<script>
var App = angular.module ( "MyApp" []);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.myObj = {
"ชื่อ": "Alfreds Futterkiste"
"ประเทศ": "เยอรมนี"
"เมือง": "เบอร์ลิน"
}
});
</ script>
ลอง»