AngularJS มีคำสั่งสำหรับการผูกข้อมูลการใช้แอตทริบิวต์ขององค์ประกอบ DOM แบบ HTML
คำสั่ง NG-คนพิการ
สั่ง NG-พิการผูกข้อมูลการใช้ AngularJS แอตทริบิวต์พิการองค์ประกอบ HTML
ตัวอย่าง AngularJS
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
ลองตัวเอง» แอพลิเคชันอธิบายว่า:
สั่ง NG-พิการผูก mySwitch ข้อมูลการใช้แอตทริบิวต์พิการปุ่ม HTML ของ
NG-รูปแบบคำสั่งผูกค่าขององค์ประกอบช่องทำเครื่องหมาย HTML ได้กับมูลค่าของ mySwitch
ถ้าค่าของ mySwitch ตรวจสอบการจริงปุ่มจะถูกปิดใช้งาน:
<p>
<button disabled>Click Me!</button>
</p>
ถ้าค่าของ mySwitch ประเมินเท็จปุ่มจะไม่ถูกปิดใช้งาน:
<p>
<button>Click Me!</button>
</p>
NG-แสดง Directive
NG-แสดง Directive แสดงหรือซ่อนองค์ประกอบ HTML
ตัวอย่าง AngularJS
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
ลองตัวเอง» NG-แสดง Directive แสดง (หรือซ่อน) องค์ประกอบ HTML ขึ้นอยู่กับมูลค่าของ NG-แสดง
คุณสามารถใช้การแสดงออกใด ๆ ที่ประเมินจริงหรือเท็จ
ตัวอย่าง AngularJS
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
ลองตัวเอง»  | ในบทต่อไปมีตัวอย่างมากขึ้นโดยใช้การคลิกปุ่มเพื่อซ่อนองค์ประกอบ HTML |
|---|
NG-Directive ซ่อน
NG-ซ่อนสั่งซ่อนหรือแสดงองค์ประกอบ HTML
ตัวอย่าง AngularJS
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
ลองตัวเอง»