angular template 中使用了img src 相对路径，导致引入该模板的页面的图片加载不出来，如何解决？

Question

angular定义了一个模板组件，template中使用img
到具体页面中引入该模板图片路径错误怎么解决

angular.module('alTest', []).directive('alTest', function(){
    return {
        restrict: 'E',
        template: '<img src="../res/ic_approve_ed.png"></img>',
        replace: true
    };
});

Answer 1

目前还没有遇到比较好的解决方案，我现在的方案就是不用img，而是采用div background-image，这样的话就可以丢给css，有这个组件的页面引入这个css就可以了

Answer 2

看看控制台，是不是图片地址报 404 了？ 文件不存在吧？ 相对地址是根据页面的入口来计算的，而不是根据当前的JS文件的地址

Answer 3

你好，你可以将你的图片地址将相对地址换成绝对地址

Answer 4

template: '<img src="res/ic_approve_ed.png">'

还有为毛你img标签要加闭合标签</img>？