gpt4 book ai didi

angularjs - 选中复选框时清除输入字段

转载 作者:行者123 更新时间:2023-12-04 10:24:38 24 4
gpt4 key购买 nike

我有一个复选框和两个输入字段。必须选中复选框或必须填写两个输入字段。我正在使用 Angular 进行验证,即 ng-show、ng-required。

当复选框被选中时,两个输入字段被禁用,即 ng-disabled="$parent.vm.selectAllDates"。

现在我还必须清除可能已输入到文本框中的任何数据。

页面加载时未选中该复选框。它在 Controller 中设置如下: vm.selectAllDates = false;

在 Angular 中选中复选框时,是否有某种方法可以清除输入字段?

编辑
我已经使用你的例子添加了我尝试做的事情

复选框:

<input name="dateSelectAll" type="checkbox" 
ng-model="$parent.vm.selectAllDates"
ng-required="vm.selectedReport.Parameters.StartDate == null && vm.selectedReport.Parameters.EndDate == null" />All Available Dates

开始日期输入:
 <input name="beginningDate" type="text" class="form-control form-field" datepicker-popup="dd-MMM-yyyy"
ng-disabled="$parent.vm.selectAllDates"
ng-model="$parent.vm.selectedReport.Parameters.StartDate"
is-open="beginningDateOpened"
ng-required="$parent.vm.selectAllDates == false"
ng-change="$parent.vm.selectedReport.Parameters.StartDate = $parent.vm.selectAllDates ? '' : $parent.vm.selectedReport.Parameters.StartDate"
close-text="Close" />

结束日期:
 <input name="endDate" type="text" class="form-control form-field" datepicker-popup="dd-MMM-yyyy"
ng-disabled="$parent.vm.selectAllDates"
ng-model="$parent.vm.selectedReport.Parameters.EndDate"
is-open="endDateOpened" ng-change="$parent.vm.selectedReport.Parameters.EndDate = $parent.vm.selectAllDates ? '' : $parent.vm.selectedReport.Parameters.EndDate"
ng-required="$parent.vm.selectAllDates == false && $parent.vm.selectedReport.Parameters.EndDate == null"
close-text="Close" />

一件非常奇怪的事情是我想看看发生了什么所以我补充说
{{$parent.vm.selectedReport.Parameters.StartDate = $parent.vm.selectAllDates ? '' : $parent.vm.selectedReport.Parameters.StartDate}}  

在 StartDate 输入字段之后。当我选择一个日期时,该日期被添加到输入字段以及输入下方。当我单击复选框时,日期已从输入字段以及输入字段下方删除。所以它奏效了!但是当我从输入字段下删除上面的代码时,它停止工作......我就像什么?

最佳答案

简单的方法是使用 ngChange复选框上的指令,如果复选框被选中,则将文本输入模型设置为空字符串。像这样的东西:

<input type="text" ng-model="data.test" ng-disabled="data.check">

<input type="checkbox" ng-model="data.check" value="one"
ng-change="data.test = data.check ? '' : data.test">

演示: http://plnkr.co/edit/pKGui2LkP487jP0wOfHf?p=preview

关于angularjs - 选中复选框时清除输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29858231/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com