Solution vide dans la liste déroulante Angularjs

Recherchez la liste déroulante vide d'Angularjs et de nombreuses solutions apparaîtront. Cependant, pour les champs statiques, aucune solution n'est actuellement trouvée en ligne, comme suit :

1 <select class="form-control" ng-model="UserState"2         ng-init="UserState=0">3     <option value="-1">选择状态</option>4     <option value="0">在职</option>5     <option value="1">离职</option>6 </select>

Si vous souhaitez suivre Pour résoudre le problème en ligne, vous devez d'abord stocker les options déroulantes dans un tableau d'objets. Pour une ou deux listes déroulantes, ce n'est pas grave s'il existe de nombreuses listes déroulantes de ce type. le projet, cela demandera beaucoup d’efforts. La méthode la plus simple et la plus grossière consiste à modifier le code source d'angularjs afin que les caractères d'espacement ne soient plus générés. Cependant, mes capacités sont limitées et je n'ai pas trouvé d'endroit pour ajouter des lignes vides. Cependant, il est gratifiant de constater que les caractères vides apparaissent à cause de l'utilisation de ng-model. Écrivez simplement une instruction pour remplacer la fonction de ng. -model, qui peut également résoudre le problème des espaces déroulants, j'ai donc écrit une instruction :

app.directive("dModel",function () { 2         return { 3         restrict:'A' , 4               compile:function(element, attrs, transclude){ 5 console.log (transclude); 6 var dmodel = Attrs ["dmodel"]; 7 Return {8 Pre : Function (scope, ielement, ictrs) {9 10 VAR SelectValue = scope [dmodel]+"" "; 11 if (selectvalue 12                                                                                options[i ].setAttribute("selected",true );19                                                                                pause ; }22                                                                                                                                       ("changement", fonction () {26                    var selectValue=this. value;27 scope.$apply(function () {28 scope[dModel]= selectValue;29 );30 🎜>

　

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!