选中时,将ng

系统教程 行业动态 更新时间:2024-06-14 17:04:02
选中时,将ng-repeat循环中的单选按钮设置为$ dirty(Setting radio button in ng-repeat loop to $dirty when checked)

我的问题如下:

我在ng-repeat中有X个单选按钮。 首次加载时不检查这些输入(视图1)。 然后,用户检查其中一个输入,然后移动到下一个视图(视图2)。 当我回到上一个视图(视图1)。 使用ng-checked="{{dealer.selected}}"输入。

问题是即使该字段被“检查”,验证类仍然是ng-pristine 。 如果预先检查(以编程方式),如何将其更改为脏?

码:

<td> <div class="selectedDealerInput"> <input ng-model="dealerCodeVal.name" id="dealerCode-{{dealer.dealerCode}}" name="dealerCode" value="{{dealer.dealerCode}}" ng-checked="{{dealer.selected}}" type="radio" ng-required="!dealerCodeVal.name"> <label for="dealerCode-{{dealer.dealerCode}}">{{dealer.dealerProfile.dealerName}} : {{dealer.selected}}</label> <span data-ng-show="(dealerSelectForm.dealerCode.$dirty || dealerSelectForm.$submitted) && dealerSelectForm.dealerCode.$error.required" class="error">Please select at least one option</span> </div> </td> </tr>

The issue I have is as follows:

I have X number of radio buttons in an ng-repeat. None of these inputs are checked on first load (View 1). The user then checks one of these inputs then moves to the next view (View 2). When I go back to the previous view (View 1). The input is checked using ng-checked="{{dealer.selected}}".

The problem is that even though the field is 'checked' the validation class is still ng-pristine. How can I change it to dirty if pre checked (programmatically )?

Code:

<td> <div class="selectedDealerInput"> <input ng-model="dealerCodeVal.name" id="dealerCode-{{dealer.dealerCode}}" name="dealerCode" value="{{dealer.dealerCode}}" ng-checked="{{dealer.selected}}" type="radio" ng-required="!dealerCodeVal.name"> <label for="dealerCode-{{dealer.dealerCode}}">{{dealer.dealerProfile.dealerName}} : {{dealer.selected}}</label> <span data-ng-show="(dealerSelectForm.dealerCode.$dirty || dealerSelectForm.$submitted) && dealerSelectForm.dealerCode.$error.required" class="error">Please select at least one option</span> </div> </td> </tr>

最满意答案

在控制器中使用$ setDirty函数:

$ scope.form.dealerCode $使用setDirty()。

In the controller use the $setDirty function:

$scope.form.dealerCode.$setDirty();

更多推荐

本文发布于:2023-04-24 20:59:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/dzcp/1be460fd1bc0879272045154db99bc96.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:ng

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!