web-dev-qa-db-ja.com

プロパティ 'value'はタイプ 'ElementRef'に存在しません

下に示すように#name1の値を設定しようとしましたが、下に示すようにコンパイル時エラーが表示されます。textコンポーネントの値を設定する方法を教えてください。ここでは、一方向のデータバインドとテンプレート駆動型のアプローチを使用しています。

[ts]タイプ 'ElementRef'にプロパティ 'value'が存在しません。

。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
  }
angularionic-frameworkionic2ionic3
14
Sampath

テンプレート変数の代わりにコンポーネントタイプを使用する

@ViewChild(TextInput) name1: TextInput;

これも動作する可能性があります（Ionicがわかりません）。ネイティブのHTML入力要素で動作しますが、Angularコンポーネントの場合、上記の方法が推奨されます。

this.name1.nativeElement.value = 'Hello';
18
Günter Zöchbauer