AngularJS ng -Disabled按钮如果输入$原始 - 如果所有文本突出显示和删除，则无效

Question

我使用ng-disabled将禁用属性添加到Anuglar应用程序的positalizecs按钮中，当特定输入的值要么是无效的或原始的，但是有一个错误是一个错误。当输入值有效，并立即突出显示和删除所有文本时，导致按钮仍可以启用。

-

html：

<div input-field class="input-field col-xs-12 col-md-4">
    <input id="niNumberInput" name="niNumber" type="text" class="validate" pattern=".{9}" placeholder="{{niNumber}}" data-ng-model="niNumber">
    <label for="niNumberInput" data-error="National Insurance number must be 9 characters long">National Insurance Number</label>
</div>
<div input-field class="input-field col-xs-12 col-md-1">
    <button data-ng-click="verifyNINumber()" data-ng-disabled="mainDetailsForm.niNumber.$invalid || mainDetailsForm.niNumber.$pristine" class="btn button waves-effect"><span class="fa fa-search"></span>Verify</button>
</div>

-

jsfiddle：https：//jsfiddle.net/6qswosh8/2/。

Answer 1

您可以将required添加到input元素：

<input id="niNumberInput" name="niNumber" type="text" class="validate" 
pattern=".{9}" placeholder="{{niNumber}}" data-ng-model="niNumber" required>

Answer 2

您应该将所需属性添加到NinumberInput。

通过添加所需的属性Angular将检查输入字段是否为空白，如果它是空白的，则它将无效

 <input id="niNumberInput" name="niNumberInput" ng-model="niNumberInput" type="text" class="validate" pattern=".{9}" placeholder="National Insurance Number" required>