angularjs – 选择框中的ng-model,默认值为空

前端之家收集整理的这篇文章主要介绍了angularjs – 选择框中的ng-model,默认值为空前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用ng-model从Angular js的选择标记获取值.但是,当我呈现此代码时,页面加载完成时所选框为空.我试图设置第一个选项,但这不起作用.我尝试选择=“选中”但不起作用.我还尝试了有关ng-option的文档中提到的其他方法,但它似乎没有帮助.我需要ng-model值才能使我的页面的其他部分工作.

< select id =“teamSelection”ng-model =“teamSelected”>
          < option value =“All”selected> All< / option>
          < option value =“1”> A< / option>
          < option value =“2)”> B< / option>
          < option value =“3”> C< / option>
          < option value =“4”> D< / option>
        < /选择>

解决方法

我本周早些时候遇到了同样的问题.修复实际上比我想象的更简单.您只需将ng-init =“teamSelected =’All’”作为属性添加到您的select标记

< select id =“teamSelection”ng-model =“teamSelected”ng-init =“teamSelected ='All'”>          < option value =“All”selected> All< / option>          < option value =“1”> A< / option>          < option value =“2)”> B< / option>          < option value =“3”> C< / option>          < option value =“4”> D< / option>        < /选择>

猜你在找的Angularjs相关文章