Capture image by url

Question

I have the following url:

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

Replacing the word nome by a specific name and navigating to the page in question the site shows an image.png. How can I capture this image using Angularjs?

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

Answer 1

Using ng-src. Example to follow:

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>