Изображение не загружается AngularJS WebStorm

Question

У меня есть приложение angularjs, которое мне нужно, чтобы загрузить локальное изображение, поэтому я сделал это внутри view1.html

<div class="ffg"
     style="border:2px solid;padding:10px;">
     <!-- border and padding only to show perspective -->
    <img class="backimg" src={{img_source}}/>
</div>

и внутри view1.js

'use strict';

angular.module('myApp.view1', ['ngRoute'])

.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/view1', {
    templateUrl: 'view1/view1.html',
    controller: 'View1Ctrl'
  });
}])

.controller('View1Ctrl', [function() {
  $scope.img_source = 'app/views/images/dd.jpg';
}]);

А вот изображение

Но изображение не показывает ?????