從angularpack有選擇地排除動態圖像路徑與angular2

我正在寫一個Angular2應用程序使用Webpack，也使用我的模板的html加載器。從angularpack有選擇地排除動態圖像路徑與angular2

我有這條線在我的模板之一：

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

HTML裝載機是可以理解試圖加載在編譯時該圖標，並失敗。正如你所理解的，我的意圖是圖標的路徑是動態的（這是ngFor的一部分），因此我希望webpack在編譯期間忽略它。

我該如何指導html-loader忽略這個特定的img源代碼？編輯：我發現，可以禁用屬性解析完全在HTML加載器（即，沒有圖像源或實際上包含在html中的任何其他內容將在編譯時加載），但我希望能夠有選擇地只排除特定的圖像路徑。

你試過：

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

這在ng-book2描述，以此來解決你所面對的問題。（很棒的書）

2016-07-06 07:02:22

謝謝你的答案，但我該怎麼做？我無法在ng2文檔中找到NgSrc組件，該文章僅簡要提及ng-src。你的意思是[src]？ – FrontierPsycho

我已經更新了我的答案 –

更好的解決方案是將模型中的整個url都包含進去，然後使用'=「appNameUrl」'而不是在視圖中加入字符串。 –

回答