Рассмотрим простые и легкие решения для вашей проблемы.
Более сложный код будет еще больше сбивать с толку.
Файл угловой js:
$scope.imageAddress='resources/img/new.png';
// The Path has to be exact.
// Check your project folder hierarchy for that.
HTML-файл:
<body ng-app = "myApp">
<div ng-controller="myController">
<img alt="" ng-src="{{ imageAddress }}" />
</div>
</body>
И ваш путь будет соответствовать файлу HTML, в котором вы написали исходный код вашего изображения.
Например: - Если ваш ng-src находится в пути Index.html: resources / index.html
и ваш new.png находится в пути: resources / views / images / new.png
затем $ scope.imageAddress = 'views / images / new.png';
Еще одна вещь:
Предпочитаю ng-src, чем src.