ng-srcDiretiva AngularJS


Exemplo

Adicione uma imagem, onde o src é avaliado pelo AngularJS:

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

Definição e uso

A ng-srcdiretiva substitui o atributo src original de um elemento <img>.

A ng-srcdiretiva deve ser usada em vez de src se você tiver código AngularJS dentro do valor src.

A ng-srcdiretiva garante que a imagem não seja exibida incorretamente antes que o AngularJS avalie o código.


Sintaxe

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

Suportado pelo elemento <img>.


Valores de parâmetro

Value Description
string A string value, or an expression resulting in a string.