AngularJS ใช้ NG-Repeat Directive เพื่อใช้กล่องแบบเลื่อนลง

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-08-08 13:32:01

Angularjs 'Ng-Repeat ช่วยให้เราสามารถสำรวจอาร์เรย์เพื่อสร้างองค์ประกอบ DOM ได้อย่างง่ายดาย แต่การใช้งานที่ไม่เหมาะสมจะทำให้เกิดปัญหาด้านประสิทธิภาพ ให้ฉันแบ่งปันกล่องดรอปดาวน์กับคุณโดยใช้คำสั่ง NG-repeat ในโครงการ

1. ปัญหาพื้นหลัง

ตัวเลือกในกล่องดรอปดาวน์ที่เลือกจะถูกประกอบลงในกล่องแบบหล่นลงและใช้คำสั่ง NG-repeat เพื่อสร้างมัน

2. ใช้ซอร์สโค้ด

 <! doctype html> <html> <head> <meta charset = "utf-8"> <title> กล่องแบบเลื่อนลงของ Angularjs (วิธี 2) </title> <script type = "text/javascript" src = "../ js/angular.min.js" App.Controller ("SecondCon", ฟังก์ชั่น ($ scope) {$ scope.trees = ["Pine", "Campont Tree", "Maple", "Jujus"];}); </script> </head> <body> <div ng-app = "secondApp" ng-controller = "SecondCon

3. คำอธิบายปัญหา

คำสั่ง NG-Repeat สามารถทำซ้ำข้อมูลได้

ด้านบนคือ AngularJs โดยใช้คำสั่ง NG-Repeat เพื่อใช้กล่องแบบเลื่อนลง ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!