angualrjs select选中 option循环

时间:2024-04-02 19:13:16

查了一些资料,发现很多人写的都很垃圾,先上干货

 <select >
<option disabled="disabled" ng-selected="1==1">请选择企业规模</option>
<option ng-model="company.sizeId" ng-repeat="entity in meanList" ng-value=entity.id>{{entity.name}}</option>
</select>

第一个默认选中 是不会出现空格的
angualrjs select选中 option循环
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190130120056895.angualrjs select选中 option循环
js代码 select 框 核心就是这两个,上面定义集合的作用域,如果不定义在外面 是否能用我不太清楚(本人新手)
下面的就是赋值的操angualrjs select选中 option循环
觉得好用的请给个回复谢谢!


本人发现这里有很严重的问题 重开一贴

上面这样做无法双向绑定到 modle中 于是 有了下面的方法

<select style="height:31px" ng-model="company.nature" ng-options="item.id as item.name for item in meanList ">
		<option value="" ng-disabled="true" ng-selected="1==1" class="disabled">请选择</option>
</select>

ng-model 绑定change 的value
ng-options 循环生成option
meanList 这个就是上面要循环的集合
item 类似ng-repart 里面的要被遍历的对象
item.id as 左边的是value
item.name as右边的是一个option标签中间显示的值

注意:!!!!!!!!!!!!!!!!!!!!!!!!!
第一个option中需要加 ng-disableed 不然的话 第一个会出现空格
如下!!
angualrjs select选中 option循环
这里是没法用 disable属性的 因为这是angularjs的指令的对象里面,有部分html js 的语法可能不太好用
而且中间的value要==“”
第一个默认option 不能使用 ng-value 要使用value="" 直接按照我的写就没问题
如果不加ng-disabled的话,那么第一个option是可以change的,因为双向绑定,change的值会写入对象里面
因为value=“” 所以 会出现{ name = null} 的情况
如果name =null 我希望他不要像后台发请求,为了避免这种情况我就要让他不能选中。