为什么重置后输入值为空？

Question

我参考了输入元素：

  @ViewChild("inputSearch", {
    static: false
  })

模板是：

<input tabindex="0" type="text" (keydown)="keydownInputSearch($event)" #inputSearch autocomplete="off" autofocus />
<div class="searchWrapperBtn" (click)="reset()"></div>

重置位置：

 public reset(): void {
    this.inputSearch.nativeElement.value = "";
  }

为什么在 reset() 输入值后它在输入元素中为空但存在于 {{inputSearch.value}}

Answer 1

您没有正确调用视图子项，你应该这样做

 @ViewChild('inputSearch', { static: false}) inputSearch: ElementRef;

请看这个stackblitz

为什么重置后输入值为空？

Why input value is empty after reset?

angular

angular6

angular8