属性"值"在类型"元素引用"上不存在

Question

我试图设置#name1的值，如下所示。但是它显示了编译时错误，如下所示，您可以告诉我如何为text组件设置值吗？在这里，我正在使用单向数据绑定和模板驱动的方法。

[ts]属性'value'不存在于类型的'elementref'。

.html

<ion-input type="text" name="{{question?.name}}" #name1="ngModel" ngModel> </ion-input>

.ts

  @ViewChild('name1') name1: ElementRef;
  constructor(){
   }
 getAnswer(){
     this.name1.value = 'Hello';//here it shows the above error
  }

Answer 1

使用组件类型而不是模板变量

@ViewChild(TextInput) name1: TextInput;

这也可能起作用(我不知道离子(。它可以与本机HTML输入元素一起使用，但是如果是角度组件，则是首选的方式。

this.name1.nativeElement.value = 'Hello';