Instrução ng-src AngularJS

Definição e Uso

ng-src cobre <img> A diretiva original do elemento src atributo.

Se você contiver código AngularJS no valor de src, você deve usar ng-src A diretiva substitui src.

ng-src A diretiva garante que a imagem não seja exibida incorretamente antes da avaliação do código AngularJS.

Exemplo

Adicione uma imagem, onde src é calculado pelo AngularJS:

<div ng-init="myVar = 'pic_angular.jpg'">
    <h1>Angular</h1>
    <img ng-src="{{myVar}}">
</div>

Experimente você mesmo

Sintaxe

<img ng-src="string</img>

Afetado por <img> Elemento suportado.

Parâmetro