Выборочно исключить пути динамического изображения из веб-пакета с angular2

Question

Я пишу приложение Angular2 с использованием Webpack, а также использую загрузчик html для своих шаблонов.

У меня есть эта строка в одном из моих шаблонов:

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

html-загрузчик по понятным причинам пытается загрузить этот значок во время компиляции, и не удается. Как вы понимаете, мое намерение состоит в том, чтобы путь к значку был динамичным (это часть ngFor), и поэтому я хочу, чтобы webpack игнорировал его во время компиляции.

Как я могу дать команду html-загрузчику игнорировать этот конкретный источник img?

РЕДАКТИРОВАТЬ: я обнаружил, что можно полностью отключить синтаксический анализ атрибутов в загрузчике html (т.е. во время компиляции не будут загружаться источники изображений или что-либо еще, содержащееся в html), но я хотел бы иметь возможность выборочно исключать только определенное изображение пути.

Answer 1

Ты пытался:

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

Это описано в ng-book2, как способ обойти проблему, с которой вы сталкиваетесь. (Отличная книга, кстати)