Angularjs ng-hide 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"> <div ng-hide = "myVar"> <h1> ยินดีต้อนรับ </h1> <p> ยินดีต้อนรับสู่บ้านของฉัน </p> </div> </body> </html>
คำจำกัดความและการใช้งาน
คำสั่ง ng-hide ซ่อนองค์ประกอบ HTML เมื่อนิพจน์เป็นจริง
ng-hide เป็นคลาสที่กำหนดไว้ล่วงหน้าของ AngularJs การตั้งค่าการแสดงผลขององค์ประกอบเป็นไม่มี
ไวยากรณ์
<element ng-hhide = "Expression"> </ement>
ใช้เป็นคลาส CSS:
<sential> </imlement>
องค์ประกอบ HTML ทั้งหมดสนับสนุนคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | นิพจน์ซ่อนองค์ประกอบถ้ามันส่งคืนจริง |
ข้างต้นเป็นความรู้พื้นฐานของ Angularjs ng-hide Directive และจะเพิ่มในภายหลัง