คำสั่ง NG-Option นั้นใช้งานง่ายมากและจำเป็นต้องใช้คุณลักษณะสองอย่างเท่านั้น:
หนึ่งคือ ng-model สำหรับการได้รับค่าที่เลือก;
อีกอย่างหนึ่งคือตัวเลือก NG เพื่อกำหนดอาร์เรย์องค์ประกอบของรายการดรอปดาวน์
1. ปัญหาพื้นหลัง
โดยทั่วไปแล้วจะมีตัวเลือกภายใต้การเลือก แต่หากมีคำสั่ง NG ตัวเลือกใน AngularJS คุณสามารถใช้กล่องแบบเลื่อนลงได้
2. ใช้ซอร์สโค้ด
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> กล่องแบบเลื่อนลงของ Angularjs (วิธีการ 1) </title> <script type = "text/javascript" src = "../ js/angular.min.js"> </script> app.controller ("selcon", ฟังก์ชั่น ($ scope) {$ scope.options = ["ไตรมาสแรก", "ไตรมาส", "ไตรมาสที่สี่ไตรมาส"];}); </script> </head> <body> <div ng-app = "selapp" ng-controller = "selcon"> <เลือก ng-model = "selectedName" ng-options = "x สำหรับ x ในตัวเลือก"> </select> </div>3. คำอธิบายปัญหา
<election> <ection> </ตัวเลือก> </select>
การใช้คำสั่ง ng-options คุณสามารถละเว้นได้
ข้างต้นคือ AngularJs โดยใช้คำสั่ง NG-Options เพื่อใช้กล่องแบบเลื่อนลง ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!