У меня проблема с сбросом входных значений. У меня есть панель поиска с функциями фильтра. Когда я пишу какое-то значение, он показывает мне список под ним, и я хочу добавить функцию к этим якорям, когда я нажимаю некоторые из них, он направляет меня к другому компоненту, и я хочу очистить входное значение.

Мой код:

<div class="form">
            <input #query (keyup)="filter(query.value)" type="text" class="form-control" placeholder="Search...">
            <ng-container *ngIf="query.value">
              <div *ngFor="let f of filteredProducts">
                <a (click)="!query.value" [routerLink]="['/product-details/', f.category , f.$key]">{{ f.name }}</a>
              </div>
            </ng-container>
          </div>

Я пытался установить это значение равным нулю или вроде:

(click)="query.value = ''"
1
user7776077 13 Мар 2018 в 06:41

2 ответа

Лучший ответ

https://plnkr.co/edit/dyCp5ZMKOkZvcsw4F8og?p=preview ознакомьтесь с этим свяжите и используйте ngmodal и установите значение null

<div>
  <input type="text" placeholder="Search..."  [(ngModel)]="searchValue">
  <button (click)="clearSearch()">Clear</button>
</div>


     export class App {
      searchValue:string = '';
     clearSearch() {
     this.searchValue = null;
  }
 }
0
Manoj Bhardwaj 17 Мар 2018 в 03:39

HTML

<div class="form">
        <input #query (keyup)="filter(query.value)" type="text" class="form-control" placeholder="Search...">
        <ng-container *ngIf="query.value">
          <div *ngFor="let f of filteredProducts">
            <a href="javascript:void(0)" (click)='myfun(f)'>{{ f.name }}</a>
          </div>
        </ng-container>
      </div>

В классе добавить

@ViewChild("query") input: ElementRef;

myfun(f) {

this.input.nativeElement.value = "";
this.router.navigate(['/product-details/', f.category , f.$key]");
}
-1
ranjeet8082 13 Мар 2018 в 04:18