Ng-Repeat d'AngularJS nous permet de traverser facilement le tableau pour générer des éléments DOM, mais une mauvaise utilisation entraînera également des problèmes de performance. Permettez-moi de partager avec vous la boîte déroulante en utilisant l'instruction NG-Repeat dans le projet.
1. Problème Contexte
L'option dans la boîte déroulante SELECT est assemblée dans une boîte déroulante, et l'instruction NG-Repeat est utilisée pour le créer
2. Implémentez le code source
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tight> AngularJs Drop-down Box (méthode 2) </ title> <script type = "text / javascript" src = "../ js / angular.min.js"> </cript> <script> var app = angular.module ("secondapp", []); app.Controller ("SecondCon", fonction ($ scope) {$ scope.trees = ["pin", "Campont Tree", "Maple", "jujus"];}); </ script> </ head> <body> <div ng-app = "secondapp" ng-controller = "secondCon"> <lelect> <option ng-repeat = "arbre dans les arbres"> {{arborescence}} </ option> </lect> </div> </ body> </ html>3. Description du problème
La directive NG-Repeat peut répéter les données
Ce qui précède est les AngularJS utilisant l'instruction NG-Repeat pour implémenter la boîte déroulante. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!