Alterar imagem na tag <img> - Angular Material

Front-end JavaScript
#1

Bom dia pessoal!

Bom estou com um problema ao alterar a imagem de um botão, pois quero fazer um efeito de ‘click’.
No HTML está assim:
<img ng-src="images/{{imgbuttoncall}}" style="max-height: 100%;width: 80%;" ng-mousedown="callbutton()">`

Já no JavaScript está assim:

$scope.callbutton = function() {
    	$scope.imgbuttoncall = "bt_call_after.png";
		$scope.timeout = setTimeout(function() { //Eu dou um timeout para o efeito ser visto.
		    $scope.imgbuttoncall = "bt_call.png";
		}, 1000);
    }

Se alguém tiver alguma ideia do que seja, por favor me de uma forcinha ai :smile:

Abraços

SuperMock

#2

Usei a opção convencional do JavaScript.

document.getElementById(“id-do-elemento”).src = “bt_call_after.png”;

E dei um Timer para voltar a foto anterior do botão.

setTimeout(function(){
document.getElementById(“id-do-elemento”).src = “bt_call.png”;
}, 1000);

Está foi a solução neste caso.