Hi. Im trying to change the src attribute of a img element with a standard binding:
<img [src]="icon" (click)="toggleAudio()" width="75px">
I use this view through three diferents routes, but when i come there from the QRScanner page, and click the button, the bind dont work and the button always show the play icon… When i come from another view the button works fine and change the icon always i click it.
here its the toggle function:
public toggleAudio(){
if (!this.playing) {
this.musica.play();
this.icon = "assets/imgs/icons/pause-circle.svg";
this.playing = true;
} else {
this.musica.stop();
this.playing = false;
this.icon = "assets/imgs/icons/play-circle.svg";
}
}
thanks in advance for help
PD: If its necessary i would put more code here for better comprehension