Ion-input and text-to-speech

Ionic Framework Ionic Angular
1

Using in HTML:


<ion-button (click)=“speakMe()”>SPEAK

Using in .ts file:

speakOutput() {
var myinput = document.getElementById(“myinput”).innerHTML;
console.log(myinput);
this.tts.speak(myinput).then(() => console.log(‘Success’)).catch((reason: any) => console.log(reason));
}

when I click the speak button a weird - definitely not what it should be saying - output is given, i’m not entirely sure how to reference the id of the input to be used. Any insight is greatly appreciated!

2

resolved: had to use the ngmodel to reference to the text i wanted to be spoken!