ng-hideคำสั่งAngularJS


ตัวอย่าง

ซ่อนส่วนเมื่อเลือกช่องทำเครื่องหมาย:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

ความหมายและการใช้งาน

คำng-hideสั่งซ่อนองค์ประกอบ HTML ถ้านิพจน์ประเมินเป็นจริง

ng-hideยังเป็นคลาส CSS ที่กำหนดไว้ล่วงหน้าใน AngularJS และตั้งค่าองค์ประกอบdisplayเป็นnone.


ไวยากรณ์

<element ng-hide="expression"></element>

เมื่อใช้เป็นคลาส CSS:

<element class="ng-hide"></element>

รองรับโดยองค์ประกอบ HTML ทั้งหมด


ค่าพารามิเตอร์

Value Description
expression An expression that will hide the element if the expression returns true.