5

Tenho a seguinte url:

http://ddragon.leagueoflegends.com/cdn/6.3.1/img/champion/{{nome}}.png

Substituindo a palavra nome por um nome específico e navegando até a página em questão o site mostra uma imagem.png. Como posso capturar essa imagem usando o angularjs?

Ex: http://ddragon.leagueoflegends.com/cdn/6.3.1/img/champion/Nautilus.png

1 Resposta 1

3

Utilizando ng-src. Exemplo a seguir:

var app = angular.module('sampleApp', []);

app.controller('SampleController', function ($scope, $http) {

$scope.codigos = ['Nautilus','Azir','Ekko'];
  
});
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-resource.js"></script>
<div ng-app="sampleApp">

  <div ng-controller="SampleController">
    
    <img ng-src='http://ddragon.leagueoflegends.com/cdn/6.3.1/img/champion/{{i}}.png' ng-repeat='i in codigos'/>

  </div>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .