在Angular.js中插入图像

Question

我有一个带有MEAN堆栈的AngularJS项目（第一个）。

我的问题与添加图片有关。

为了添加图像，第一个，我必须做所有这些：

在/ public / system / services /

中创建名为images.js的新文件作为服务

此服务的代码是：

'use strict';

//Image service
angular.module('mean.system').factory('ImageSol', [
    function() {
        return {
            logo : 'public/system/assets/img/logo-sol.png'
        };
    }
]);

之后，相应地修改我的IndexController：

'use strict';

angular.module('mean.system').controller('IndexController', ['$scope', 'Global', 'ImageSol', function ($scope, Global, ImageSol) {
    $scope.global = Global;
    $scope.logo = ImageSol.logo;
}]);

在实际的HTML中，我必须将IndexController声明为data-ng-controller并将图像href插入为ng-src = {{logo}}

我是否必须每次都创建一个范围并在那里声明图像的路径？ 是否有混合或类似swig的方法只是说{{imagename}}并自动查找我的图像并将其作为链接插入？

我真的很喜欢使用Mixture（mixture.io）和他们的魔法资产功能，我想知道我是否可以使用棱角分享这样的东西。