angular - 如果使用 Angular 4 输入字段为空，则禁用按钮单击

Question

我有一个搜索框和一个搜索按钮。我需要禁用按钮，直到用户提供搜索词，但按钮总是被禁用。我有以下代码:

 <input type='text' [(ngModel)]='listFilter' />
 <button [disabled]="!listFilter" class="btn btn-primary"(click)='OnSearch(listFilter)'>
      Search
 </button>

这是怎么回事？我正在使用 Angular 4

Answer 1

在输入标签中添加名称属性。

 <input type='text' [(ngModel)]='listFilter' name="listFilter"/>
            <button [disabled]="!listFilter" class="btn btn-primary" (click)='OnSearch(listFilter)'>Search</button>