gpt4 book ai didi

javascript - 清除输入文本AngularJS

转载 作者:行者123 更新时间:2023-12-02 16:54:34 24 4
gpt4 key购买 nike

一旦发现一些错误,我就会在输入控件中使用 Glyphicon 图标。 Glyphicon 图标上既有错误图像又有正确图像。但我想在单击错误字形图标时清除该输入控件。下面是我的代码:

 <div class="{{layout=='horizontal'? fieldClass || 'col-lg-9':''}} ">
<div style="position:relative" class="input-group">
<span class="input-group-addon"><b>PD</b></span>
<div class="icon-addo addon-md">
<input type="text" class="form-control {{textboxClass}}" name="textControl" id="textControl" ng-readonly="readonly" ng-required="required"
maxlength="10" placeholder="{{placeholder || layout=='inline' ? labelText : ''}}" data-ng-model="vm.value" ng-blur="vm.onBlur()" />

<i ng-show="vm.state==1" class="form-control-feedback fa fa-spinner fa-spin" style="width: auto; height:auto; font-size: 25px; top:5px; right:10px"></i>
<i onclick="clearControl(this,'textControl');" class="form-control-feedback" ng-class="{'glyphicon glyphicon-ok': vm.state==2, 'glyphicon glyphicon-remove': vm.state==3}" style="width: auto; height:auto; font-size: 20px; top:0; right:10px"></i>
</div>
</div>
<div ng-show="textForm['textControl'].$error.required && (submitted || !textForm['textControl'].$pristine)" class="help-block ng-hide">{{labelText}} is required</div>
</div></i>

请帮忙。

最佳答案

不要使用内联onclick处理程序。您只需使用 ngClick 即可清除输入。指令:

<i ng-click="vm.value = ''" class="form-control-feedback" ng-class="{'glyphicon glyphicon-ok': vm.state==2, 'glyphicon glyphicon-remove': vm.state==3}" style="width: auto; height:auto; font-size: 20px; top:0; right:10px"></i>

我还建议清除 HTML,将样式移至 CSS 文件,这将使您的代码更加全面。

关于javascript - 清除输入文本AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26272019/

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