คำสั่ง ng-if ของ AngularJS

คู่มืออ้างอิง AngularJS

การกำหนดและการใช้งาน

ถ้าผลการคำนวณของการแสดงที่มีค่า falseng-if คำสั่งนี้จะลบองค์ประกอบ HTML ออก

ถ้าผลการคำนวณของ if จะมีค่า true แล้ว โค้ดฉบับขององค์ประกอบนี้จะถูกเพิ่มเข้าไปใน DOM ของเว็บไซต์

ng-if สั่งงานกับ ng-hide ต่างกันng-hide ซ่อนการแสดงองค์ประกอบ ที่ ng-if สั่งงานจะลบองค์ประกอบออกจาก DOM ทั้งหมด

ตัวอย่าง

ยกเลิกการเลือกตัวกลับเพื่อลบส่วนบางส่วน:

รักษา HTML：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>ยินดี</h1>
<p>ยินดีต้อนรับสู่บ้านของฉัน。</p>
<hr>
</div>

ทดลองด้วยตัวเอง

กฎความภาพ

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

ทุกองค์ประกอบ HTML สนับสนุน

ประกาศ

ประกาศ คำอธิบาย
expression

ถ้ากลับมาที่ false จะลบองค์ประกอบนี้ทั้งหมด

ถ้ากลับมาที่ true จะใส่สำเนาองค์ประกอบนี้

คู่มืออ้างอิง AngularJS