使用带有Angular 2的

Question

我正在进入Angular 2和webpack，我对如何使用file-loader引用图像感到困惑。据我所知，你不能直接在你的HTML中加require()：

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

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

my.component.ts：

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

HTML：

<img [src]="myImg">

您是否希望将文件加载器与图像一起使用？