คำสั่ง Angularjs ng-switch
แสดงส่วนที่เกี่ยวข้องตามค่าที่เลือก:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" value = "runoooB"> www.runoob.com <ตัวเลือกค่า = "Google"> www.google.com <ตัวเลือกค่า = "taobao"> www.taobao.com </select> <hr> <div ng-switch = "myvar"> <div ng-switch-when = "runoob บทช่วยสอน </p> </div> <div ng-switch-when = "google"> <h1> Google </h1> <p> ยินดีต้อนรับสู่ Google </p> </div> <div ng-switch-when = "taobao"> <h1> taobao </h1> <p> <H1> สวิตช์ </h1> <p> เลือกตัวเลือกที่แตกต่างกันเพื่อแสดงค่าที่สอดคล้องกัน </p> </div> </div> <hr> <p> คำสั่ง NG-switch จะแสดงหรือซ่อนส่วนที่สอดคล้องกันตามค่าปัจจุบัน </p> </body> </html>
คำจำกัดความและการใช้งาน
คำสั่ง NG-switch จะแสดงหรือซ่อนส่วนที่สอดคล้องกันตามนิพจน์
องค์ประกอบเด็กที่เกี่ยวข้องใช้ NG-switch-when when directive หากเลือกการจับคู่ให้เลือกจอแสดงผลและอื่น ๆ จะถูกลบออก
คุณสามารถตั้งค่าตัวเลือกเริ่มต้นโดยใช้คำสั่ง NG-switch-default หากไม่มีการจับคู่ตัวเลือกเริ่มต้นจะปรากฏขึ้น
ไวยากรณ์
<องค์ประกอบ ng-switch = "นิพจน์"> <องค์ประกอบ ng-switch-when = "value"> </element> <องค์ประกอบ ng-switch-when = "value"> </element> <element ng-switch-when = "value"
องค์ประกอบ <form> รองรับคุณสมบัตินี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | นิพจน์จะทำให้การแข่งขันปรากฏขึ้นและจะลบไม่ตรงกัน |
ข้างต้นเป็นการแนะนำรายละเอียดเกี่ยวกับคำสั่ง AngularJS NG-Switch เราจะเพิ่มในภายหลัง ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!