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)">