Angular 2：在表单标签内输入时搜索管道不工作

Question

<form autocomplete="off">
            <input  [(ngModel)]="query"  type="search"  class="form-control search-control"  placeholder="Search for orders (by order number)">
            </form>
......................

......................

......................


       <li  *ngFor="let cancelledOrders of cancel_order_array |  search:'id,order_no':query let i = index">
<div class="row">

......................

当我将输入放在 form 标签中时搜索不工作（否则它工作正常），我在表单中使用它的原因是 autofiil 的问题

有什么解决办法吗？

Answer 1

对于表单内的输入标签，应将 formControlName 分配给它或应将其定义为 standalone.

所以在你的情况下 将其添加到输入标签 [ngModelOptions]="{standalone: true}"

<input  [(ngModel)]="query" [ngModelOptions]="{standalone: true}"  type="search"  class="form-control search-control"  placeholder="Search for orders (by order number)">