Angularjs ng-if directive
อินสแตนซ์ Angularjs
ยกเลิกการเลือกและลบเนื้อหา:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-model = "myVar" ng-init = "myVar = true"> <div ng-if = "myVar"> <h1> ยินดีต้อนรับ </h1> <p> ยินดีต้อนรับสู่บ้านของฉัน </p> <hr> </div> <p> องค์ประกอบ DIV จะถูกลบออกเมื่อไม่ถูกตรวจสอบ </p> <p> เมื่อมีการเลือกช่องทำเครื่องหมายอีกครั้งองค์ประกอบ DIV จะถูกแสดงอีกครั้ง </p> </body> </html>
คำจำกัดความและการใช้งาน
คำสั่ง NG-IF ใช้เพื่อลบองค์ประกอบ HTML เมื่อนิพจน์เป็นเท็จ
หากผลลัพธ์ของการดำเนินการของคำสั่ง IF เป็นจริงองค์ประกอบที่ถูกลบจะถูกเพิ่มและแสดง
คำสั่ง ng-if นั้นแตกต่างจาก ng-hide โดยที่ ng-hide ซ่อนองค์ประกอบในขณะที่ ng-if ลบองค์ประกอบออกจาก DOM
ไวยากรณ์
<Element NG-IF = "Expression"> </Element>
องค์ประกอบ HTML ทั้งหมดสนับสนุนคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | หากนิพจน์ส่งคืนเท็จองค์ประกอบทั้งหมดจะถูกลบออกและหากเป็นจริงองค์ประกอบจะถูกเพิ่ม |
ข้างต้นเป็นการรวบรวมความรู้พื้นฐานของ AngularJs เราจะเพิ่มในภายหลัง ขอบคุณสำหรับการสนับสนุน