<div class="col-md-3 col-sm-4">
<div class="ui-input-group">
<select #categoryVal="ngModel" class="form-control" name="staffCategory" [(ngModel)]="staffCategory">
<option value=null >--Select--</option>
<option *ngFor="let cat of applicationCategories" value="{{cat.categoryCode}}">{{cat.categoryName}}</option>
</select>
<span class="input-bar"></span>
<label class="control-label">Category<span style="color:#f44336;">*</span></label>
</div>
<button class="btn btn-primary btn-sm ripple" [disabled]="categoryVal.errors" name="searchPerson" (click)="searchNewPerson($event)">Search</button>
</div>
如果选择框的值为<option value=null >--Select--</option>
,则需要通过突出显示该字段来禁用搜索并提供工具提示(默认表单身份验证'请填写字段')。
上面的代码没有按预期工作。
答案 0 :(得分:1)
按钮禁用 - 选择 -
时将值设置为空 <option value="">--Select--</option>
并按下按钮:
<button class="btn btn-primary btn-sm ripple" [disabled]="categoryVal==''" name="searchPerson" (click)="searchNewPerson($event)">Search</button>