使用NgModel对象引用更改输入值。角度5

Question

我有一个实现模板驱动验证的Angular表单。

例如：

ClassCastException

现在，我需要使用 ViewChild 访问组件中的输入字段。

组件

<input name="username" #username="ngModel" [(ngModel)]="loginDetail.username">

现在，将打印输入的值（如果有）。 但是，如果有任何特定的值，我需要重置输入值。例如：

@ViewChild('username') un;

ngOnInit() {
  console.warn(this.un.value);
}

但是，我不知道该怎么做。

我尝试过：

ngOnInit() {
  if(this.un.value == "username") {
    // Reset the input value to null
  }
}

但是，这不起作用，因为这不是正确的方法。请帮忙！

Answer 1

尝试

if(this.un.value == "username") {
  this.un.nativeElement.value = null;
}