3

我正在进入 Angular 2 和 webpack,我对如何使用file-loader引用图像有点困惑。据我所知,您不能require()像这样直接将 a 放入您的 html 中:

<img src="require('./abc.png')">

我能够让它工作的唯一方法是创建一个类成员并引用它的 html。

我的.component.ts:

@Component({
    selector: 'my-comp',
    template: require('./comp.template.html')
})
export class LoginComponent {
    private myImg: string = require('./abc.png');
}

html:

<img [src]="myImg">

这是您期望将文件加载器与图像一起使用的方式吗?

4

0 回答 0