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

我引用了输入元素：

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

模板为：

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

---

为什么在

reset（）

输入值之后，它在输入元素中为空，但在

{{inputSearch.value}

中出现，您没有正确调用view child， 你可以这样做

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

---

请看一看这个

你能在stackblitz中复制它吗？当你有角度数据绑定时，为什么你直接与DOM交互？你的意思是使用ngModel吗？@OPV你可以同时使用

模板驱动的

和

反应式的

。我知道为什么在这种情况下不起作用

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