angular - 如果输入区域为空(使用 Angular 4)，请禁用按钮单击

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

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

怎么了我正在使用 Angular 4

最佳答案

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

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