angularjs下拉框空白解決方案

        搜尋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>

　　如果要按照網上的方法來解決，首先需要把下拉選項存放到一個物件數組當中，對於一個兩個下拉框還好說，如果專案當中有很多這種下拉框，就要費好大勁了。最簡單粗暴的方法是修改angularjs原始碼，不再產生空白符。奈何功力有限，未能找到相應添加空白行的地方，不過值得欣慰的是，發現出現空白符是因為使用了ng-model的原因，乾脆寫個指令來替代ng-model的功能也可以解決下拉空白的問題，於是寫了一個指令：

 app.directive("dModel",function () { 2         return { 3             restrict:'Aunction 4   transclude){ 5 console.log(transclude); 6                 var dModel=attrs["dModel"]; 7            tion(scope, iElement, iAttrs){ 9 10                         var selectValue=scope[d )12                         {13                     中使用                for(var i=0;i　　

　　 用该指令替代ng-model即可实现相同的功能，同时不会出现下拉空白，当然，这个指令毕竟是自己随便写的几行代码，远远不如ng-model强大，比如动态修改指令绑定的值来改变选中项还不能实现，仅仅可以在第一次初始化时绑定选中项，另外也不支持ng-selected。如果读者有兴趣，可以自己实现后续的功能，对于我来说，已经可以满足需要了。

以上是angularjs下拉框空白解決方案的詳細內容。更多資訊請關注PHP中文網其他相關文章！