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

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

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

---

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

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

---

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