イオン3 /アンギュラ4 - - 入力ボタンのペア設定された入力値が動的

Question

I状況を持っています

だから、

input_to_voice(event, value) { 

    //here I wanted to get a reference to the input value, but I'm stuck 
    console.log(event.target.parentElement.parentElement); 

    let options = { 
     language: "en-GB" 
    }; 

    // Start the recognition process 
    this.speechRecognition.startListening(options) 
     .subscribe(
     (matches: Array<string>) => console.log(matches), 
     (onerror) => console.log('error:', onerror) 
    ) 
    } 

：私は入力に自動的に関数によって計算された値を設定したいボタンをタップし、単一入力の場合 は、これを行うことは容易です。しかし、私はどのように$eventから複数の入力参照を取得し、計算された値を自動的に設定することができますか？

（例：第3の入力ボタンを押すと、そのボタンが入力値を設定する対象の「知る」でしょう）

Answer 1

あなたはちょうどあなたがngModelで使用する変数を作成する必要があります。

private teste: string; 

入力に2つの異なる値が必要な場合は、別の名前の別の変数を作成するだけです。

そしてあなたは、このようなメソッドの内部でそれにアクセスすることができます。

input_to_voice() { 
    console.log(this.teste); 
} 

ngModelを使用すると、あなたの変数に加えた変更は、あなたのHTMLまたはTSファイルに反映されますことを覚えておいてください。

編集

次に、あなたは、このように行うために試みることができる。そして、このインポートします

<ion-input type="text" #teste></ion-input> 

：

import { ViewChild, ElementRef } from '@angular/core'; 

そして追加

変更inputタグあなたのクラス内のこの行：

@ViewChild('teste') input; 

次に、あなたは次のようにメソッドからの入力値にアクセスすることができます：あなたはすでにngModelを使用している

input_to_voice() { 
    console.log(this.input.nativeElement.value); 
}