AngularJS HTML DOM
AngularJS ให้คำแนะนำสำหรับการประยุกต์ใช้ข้อมูลที่มีผลผูกพันแอตทริบิวต์ HTML DOM องค์ประกอบ
การเรียนการสอน NG-คนพิการ
NG-คนพิการการเรียนการสอนโดยตรงผูกข้อมูลการประยุกต์ใช้ในสถานที่ให้บริการคนพิการ HTML
AngularJS ตัวอย่าง
<div NG-App = "" NG-init = "mySwitch = true">
<p>
<ปุ่ม NG-พิการ = "mySwitch "> ชี้ให้ฉัน! </ ปุ่ม>
</ p>
<p>
<ประเภทขาเข้า = "ช่องทำเครื่องหมาย" NG -model = "mySwitch"> ปุ่ม
</ p>
<p>
{{}} MySwitch
</ p>
</ div>
<p>
<ปุ่ม NG-พิการ = "mySwitch "> ชี้ให้ฉัน! </ ปุ่ม>
</ p>
<p>
<ประเภทขาเข้า = "ช่องทำเครื่องหมาย" NG -model = "mySwitch"> ปุ่ม
</ p>
<p>
{{}} MySwitch
</ p>
</ div>
ลอง»
ตัวอย่างเพื่ออธิบาย:
NG-คนพิการการเรียนการสอนที่ถูกผูกไว้ Application Data "mySwitch" คุณสมบัติผู้พิการ HTML
NG-รูปแบบคำสั่งผูก "mySwitch" กับเนื้อหาองค์ประกอบช่องทำเครื่องหมายใส่ HTML (ค่า)
หาก mySwitch จริงปุ่มไม่พร้อมใช้งาน:
<p>
<ปุ่มปิดการใช้งาน> ชี้ให้ฉัน! </ ปุ่ม>
</ p>
<ปุ่มปิดการใช้งาน> ชี้ให้ฉัน! </ ปุ่ม>
</ p>
หาก mySwitch เป็นเท็จคุณสามารถใช้ปุ่ม:
<p>
<ปุ่ม> ชี้ให้ฉัน! </ ปุ่ม>
</ p>
<ปุ่ม> ชี้ให้ฉัน! </ ปุ่ม>
</ p>
คำแนะนำ NG-แสดง
คำแนะนำ NG-แสดงซ่อนหรือแสดงองค์ประกอบ HTML
AngularJS ตัวอย่าง
<div NG-App = "" >
<p NG-แสดง = "true "> ผมสามารถมองเห็นได้ </ p>
<p NG-แสดง = "false "> ผมก็มองไม่เห็น </ p>
</ div>
<p NG-แสดง = "true "> ผมสามารถมองเห็นได้ </ p>
<p NG-แสดง = "false "> ผมก็มองไม่เห็น </ p>
</ div>
ลอง»
NG-แสดงค่าคำสั่งขึ้นอยู่กับค่าการแสดง (ซ่อน) องค์ประกอบ HTML
คุณสามารถใช้การแสดงออกในการคำนวณค่าบูลีน (จริงหรือเท็จ):
AngularJS ตัวอย่าง
<div NG-App = "" NG-init = "ชั่วโมง = 13 ">
<p NG-แสดง = "ชั่วโมง> 12 "> ผมสามารถมองเห็นได้ </ p>
</ div>
ลอง»
ในบทต่อไปเราจะทั้งหมดถูกซ่อนไว้โดยคลิกที่ปุ่มกรณีที่มากขึ้นขององค์ประกอบ HTML |
NG-ซ่อนคำสั่ง
NG-ซ่อนคำสั่งที่จะซ่อนหรือองค์ประกอบให้แสดงผล HTML
AngularJS ตัวอย่าง
< div ng-app= "" >
< p ng-hide= "true" >我是不可见的。 < /p >
< p ng-hide= "false" >我是可见的。 < /p >
< /div >
< p ng-hide= "true" >我是不可见的。 < /p >
< p ng-hide= "false" >我是可见的。 < /p >
< /div >
ลอง»