angular 循环单选框默认选中无效的解决办法 ng-model 和ng-checked

最近做项目遇到一个问题，模态框弹出查询条件，里面循环几个单选框默认选中，然后有一个清空按钮，窗口样式如下。

但是这个单选框默认选中和清空这里我搞了一天，尝试了多种办法，用ng-model和ng-checked都敲了一遍。

代码介绍：

下面content的值就是循环QuerySelect的内容

注意事项：1、一定要给input加上name属性 2、ng-model和ng-checked不能一起使用。

一、ng-model: （默认选中有问题，但是清空没有问题，用ng-init可以解决默认选中的问题，so入坑）

1、如果直接用ng-model，并不能设置默认选中的样式（默认中失效），查了一下网上说是由于在ng-repeat内部，每次loop都会创建新的scope，需要加入$parent对ng-init父层ng-model绑定的值赋值，但是我这循环太多层了不知道怎么用$parent(原谅我的无知)，试了几次后还是无法实现，转而用ng-checked

2.因ng-checked清空无效，于是重回ng-model的坑。ng-model清空正常，冲浪了半天后发现有网友提议用ng-init赋值（好像上面有说ng-init,但之前带着墨镜没有看到这个）

3、加上ng-init终于跳出坑了。<div ng-if="item.statu" ng-init="content.value=item "></div>

二、ng-checked: （默认选中没问题，但是清空有问题，目前找不解决办法，so先弃坑）

1、将ng-model改为ng-checked="item.statu",轻轻松松解决默认选中的问题。当我以为终于跳出这个坑后，嗯！你们懂的，后面有一个更大的坑的等着我。

2、还有一个清空等着我，清空后设回默认选中的值，但是按钮样式没变还是之前选中的那个按钮。捣鼓了一会还是不行，弃坑重回ng-model的坑

angular 循环单选框默认选中无效的解决办法 ng-model 和ng-checked相关推荐

Angular ng-repeat 单选框默认选中第一个
1.多个input的type="radio"不使用ng-repeat正常获取value值. <div class="weui-cells weui-cells_ra ...
单选框默认选中某个值
//单选框默认选中某个值 $(":radio[name='flag'][value= 'Y']").attr("checked","checked&q ...
jQuery eq()方法 =》加载页面时单选框默认选中
*加载页面时单选框默认选中(此方法适用于循环输出的单选钮的默认选中问题) <body> <input type="radio" name="jing&q ...
102.1 html radio单选框默认选中
html radio单选框默认选中 '<input type="radio" name="os" value="0">IOS', ...
前端radio单选框默认选中_开发记录篇前端内容1
有段时间没有更新文章了,因为是用的公司电脑,没有虚拟机,所以就没法演示hadoop相关的东西了,而且大数据篇的东西需要花费一些时间和精力去收集整理内容,那大数据篇就先暂停一下.最近这段时间的话我可能会 ...
前端radio单选框默认选中_「radio选中」单选框radio总结（获取值、设置默认选中值、样式） - seo实验室...
radio选中单选框 radio 是否 1.获取值 $("input[name='killOrder']:checked").val(); $('input:radio:che ...
java过去单选框选择的内容_java单选框默认选中
; { } 运行程序后,输出结果为: 3.以下程序段是图形界面设计中在一个框架上放置两个单选框,其中两个选项为"男"和"女" ,缺省情况下"男&qu ...
iView单选框默认选中问题
首先看一下iView中单选框的事例: <template><RadioGroup v-model="phone"><Radio label=" ...
vue单选框选中_【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题
难度值:⭐ 需求描述: 弹窗里面的表单,是复用的后台返回数据,输入框里面的数据复用很容易,通过prop属性即可. 问题在于radio单选框,怎么将后台给的数值绑定为默认值示例效果图: 涉及知识: 一 ...

angular 循环单选框默认选中无效的解决办法 ng-model 和ng-checked

angular 循环单选框默认选中无效的解决办法 ng-model 和ng-checked相关推荐

最新文章

热门文章