AngularJS 'NG-Wiederholung ermöglicht es uns, das Array leicht zu durchqueren, um DOM-Elemente zu erzeugen, aber unsachgemäße Verwendung verursacht auch Leistungsprobleme. Lassen Sie mich das Dropdown-Box mit der NG-Repeat-Anweisung im Projekt mit Ihnen teilen.
1. Problemhintergrund
Die Option im Dropdown-Feld auswählen wird in ein Dropdown-Feld zusammengestellt, und mit der NG-Repeat-Anweisung wird zum Erstellen verwendet
2. Implementieren Sie den Quellcode
<! DocType html> <html> <head> <meta charset = "utf-8"> <title> AngularJS Dropdown-Box (Methode 2) </title> <script type = "text/javaScript" src = "../ JS/Angular.Min.js"> </script> <script> var appl. App.Controller ("Secondcon", Funktion ($ scope) {$ scope.trees = ["Pine", "Campont Tree", "Maple", "Jujus"];}); </script> </head> <body> <div ng-app = "secondApp" ng-controller = "Secondcon"> <Select> <Option ng-Repeat = "Baum in Bäumen"> {{Tree}} </option> </select> </div> </body> </html> </html> </select> </div> </body> </html>3. Problembeschreibung
Die NG-Repeat-Richtlinie kann Daten wiederholen
Das obige ist die AngularJs, die die NG-Repeat-Anweisung verwenden, um das Dropdown-Box zu implementieren. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!