3 <オプション値="/> 3 <オプション値=">

ホームページ  >  記事  >  ウェブフロントエンド  >  Angularjs ドロップダウン ボックスの空のソリューション

Angularjs ドロップダウン ボックスの空のソリューション

PHP中文网
PHP中文网オリジナル
2017-06-20 10:12:511410ブラウズ

L AngularJS ドロップダウン ボックスを空白で検索すると、多くの解決策が表示されますが、静的フィールドの場合は、次のようにインターネット上に解決策がありません。

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>
インターネット メソッドで解決したい場合は、オブジェクト配列内にドロップダウン ボックスが 1 つまたは 2 つ存在するのは問題ありません。プロジェクト内にそのようなドロップダウン ボックスが多数ある場合は、多大な労力がかかります。最も単純かつ大雑把な方法は、空白文字が生成されないように angularjs ソース コードを変更することです。しかし、私の能力では空白行を追加する場所が見つからなかったのですが、ng-modelを使用することで、ngの関数を置き換える命令を書くだけで空白文字が表示されることがわかり、満足です。 - モデルは、ドロップダウンブランクの問題を解決できるので、指示を書きました。 dModel=attrs["dModel"]; 7 return{ 8 pre:function(scope, iElement, iAttrs){ 9 10 var options=element .children();14 if(selectValue==options[i].value)17 " selected "、true); 19(){26 var selectValue =this。value; 27

以上がAngularjs ドロップダウン ボックスの空のソリューションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。