从angularpack有选择地排除动态图像路径与angular2

Question

我正在写一个Angular2应用程序使用Webpack，也使用我的模板的html加载器。

我有这条线在我的模板之一：

<img attr.src="apps/{{ appName }}/icon.png" />

HTML装载机是可以理解试图加载在编译时该图标，并失败。正如你所理解的，我的意图是图标的路径是动态的（这是ngFor的一部分），因此我希望webpack在编译期间忽略它。

我该如何指导html-loader忽略这个特定的img源代码？编辑：我发现，可以禁用属性解析完全在HTML加载器（即，没有图像源或实际上包含在html中的任何其他内容将在编译时加载），但我希望能够有选择地只排除特定的图像路径。

Answer 1

你试过：

<img [src]="'apps/' + appName + '/icon.png'" /> 

这在ng-book2描述，以此来解决你所面对的问题。 （很棒的书）