AngularJS-Dropdown-Box-Leerlösung

Suchen Sie nach dem leeren AngularJS-Dropdown-Feld, und es werden viele Lösungen angezeigt. Für statische Felder gibt es derzeit jedoch keine Lösung wie folgt:

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>

Wenn Sie das Problem online lösen möchten, müssen Sie zunächst die Dropdown-Optionen in einem Objektarray speichern. Für ein oder zwei Dropdown-Boxen ist es in Ordnung Das Projekt erfordert viel Aufwand. Die einfachste und gröbste Methode besteht darin, den AngularJS-Quellcode so zu ändern, dass keine Leerzeichen mehr generiert werden. Allerdings sind meine Möglichkeiten begrenzt und ich konnte keine Stelle zum Hinzufügen von Leerzeilen finden. Es ist jedoch erfreulich, dass die Leerzeichen aufgrund der Verwendung von ng-model erscheinen. Schreiben Sie einfach einen Befehl, um die Funktion von ng zu ersetzen -model, das auch das Problem der Dropdown-Leerzeichen lösen kann, also habe ich eine Anweisung geschrieben:

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

Das obige ist der detaillierte Inhalt vonAngularJS-Dropdown-Box-Leerlösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!