javascript - angular template 中使用了img src 相对路径,导致引入该模板的页面的图片加载不出来,如何解决?
天蓬老师
天蓬老师 2017-04-11 12:04:29
[JavaScript讨论组]

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

angular.module('alTest', []).directive('alTest', function(){
    return {
        restrict: 'E',
        template: '',
        replace: true
    };
});
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(3)
黄舟

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

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

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

黄舟

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号