[英]Clear input text AngularJS
一旦發現錯誤,我就會在我的輸入控件中使用 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 文件,這將使您的代碼更全面。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.