angular可以使用[src]的方式来动态添加图片资源
test.html
<img [src]="logo" [alt]="desc">
test.ts
logo = require('../../../assets/image/logo.png')
问题出现:图片引入失败,打开文件看到
引入的是[object Module],找了一圈答案,大概是由于loader的版本导致的问题,那么由于用angular-cli构建的项目,没有暴露webpack的配置出来。所以利用改变配置的方式就行不通…(ps:本人没找到,如果有大佬找到,请多指教啊~)
输出了下require进来的模块,抱着试试的心态,改了下logo的内容,实现了,代码为:
logo = require('../../../assets/image/logo.png').default;