.
赋给复选框的模型的值是布尔值,无论它是真的还是假的,除非您定义了该值。但同样,它只有2个选项的价值。
因此,与其使用id作为模型属性,不如将其更改为一些可以存储布尔值的属性。为什么不使用'is selected'
<div ng-controller="quoteController" ng-app="MyApp" class="benefits-container">
<!-- benefits -->
<div class="benefit" ng-class="{'selected': pe.id}" ng-repeat="pe in policyEnhancementsArr | filter: {type:'optional'}">
<div class="top">
<md-checkbox ng-model="pe.isSelected" class="blue"></md-checkbox>
<h5 class="item">{{pe.name}}</h5>
<h5 class="prize">{{pe.loading}}</h5>
</div>
<div class="bottom">
<p>{{pe.limitDisplay}}</p>
</div>
</div>
</div>
然后更新一些isSelected值:
...
{
"id": "PVC022",
"name": "NCD Protector",
"limit": null,
"limitDisplay": "N/A",
"desc": "<TBC>",
"type": "optional",
"loading": 0.0,
"isSelected": true
},
...
问题内容: 我正在尝试允许用户使用和编辑项目列表。(请参阅此小提琴。)但是,我尝试过的两种方法都导致了奇怪的行为:一种方法没有更新模型,另一种方法使每个keydown的表单模糊。 我在这里做错什么了吗?这不是受支持的用例吗? 这是小提琴中的代码,为方便起见进行了复制: 问题答案: 这似乎是一个具有约束力的问题。 建议是不要绑定到基元。 您应该遍历集合内的字符串,而应该遍历对象。解决您的问题 j
在我的角度页面中,我面临着动态ng模型值的一些问题。这是我的示例JSON。 我想从这个josn中做的是,在我的页面中创建一个视图,这样,它将包含< code>tab1和< code>tab2作为页面标题,以及相应的< code>value作为< code>checkbox。用户将有选择他的选项的选择性。在提交时,我想得到他选择的选项。我想知道在我的控制器中选择了< code>value1,valu
我有一个非常简单的代码。,当值正确时将显示输入。但是不起作用,我在pre中没有看到任何东西
问题内容: 我是 AngularJs的 新手。谁能说出ng-model和data-ng-model之间的区别? 与ng-model 使用data-ng-model 问题答案: 最佳实践:建议使用破折号分隔格式(例如ng-bind用于ngBind)。 如果要使用HTML验证工具,则可以改用数据前缀版本(例如ngBind的data-ng-bind)。 出于遗留原因,可以接受上面显示的其他表格,但是我们
问题内容: 可能是愚蠢的问题,但是我的html表单带有简单的输入和按钮: 然后在控制器中(从routeProvider调用模板和控制器): 为什么单击按钮后,视图在控制台中正确更新但未定义? 谢谢! 更新:似乎我实际上已经解决了该问题(在不得不提出一些解决方法之前),方法是:只需将我的属性名称从更改为,然后在控制器中定义空对象,瞧……不知道它为什么起作用虽然;] 问题答案: 控制器作为 版本(推荐
我有以下输入-窗体-控件: 但是如果我像上面那样使用我的regex,我可以输入'、'或‘。符号。正确的正则表达式是什么?
我正在使用更改子控制器中变量的值,但更改并没有反映到其父控制器中。 html和testCrl
问题内容: 我正在尝试创建一个自定义组件,该组件使用从内而外的指令使用动态ng-model。 例如,我可以调用不同的组件,例如: 使用如下指令: 想法是,如果模型发生更改,则指令中的文本框将发生更改,反之亦然。 事实是,我尝试了不同的方法,但都没有成功,您可以在此处检查以下方法之一:http : //plnkr.co/edit/7MzDJsP8ZJ59nASjz31g?p=preview在此示例中