搜尋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中文網其他相關文章！
