La directive NG-Option est très simple à utiliser et seuls deux attributs sont nécessaires:
L'un est le modèle NG pour obtenir la valeur sélectionnée;
Un autre est Ng-Options pour déterminer le tableau d'éléments des listes déroulantes.
1. Problème Contexte
De manière générale, il y aura des options sous SELECT, mais s'il y a l'instruction NG-Options dans AngularJS, vous pouvez implémenter la boîte déroulante SELECT.
2. Implémentez le code source
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tight> AngularJs Drop-down Box (méthode 1) </title> <script type = "text / javascript" src = "../ js / angular.min.js"> </cript> <script> var app = angular.module ("selapp", []); app.Controller ("selCon", fonction ($ scope) {$ scope.options = ["premier trimestre", "trimestre", "Quartième trimestre"];}); </ script> </ head> <body> <div ng-app = "selapp" ng-controller = "selCon"> <sélectionner ng-model = "selectName" ng-options = "x pour x dans les options"> </ select> </div> </ body> </html>3. Description du problème
<lelect> <option> </ option> </lect>
En utilisant les instructions Ng-Options, vous pouvez omettre <Option> </ Option>
Ce qui précède est les AngularJS utilisant la commande NG-Options pour implémenter la zone 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!