Я пишу приложение Angular2 с помощью Webpack, а также используя html-загрузчик для своих шаблонов.выборочно исключать пути динамического изображения из webpack с angular2
У меня есть эта линия в одном из моих шаблонов:
<img attr.src="apps/{{ appName }}/icon.png" />
HTML-погрузчик, по понятным причинам пытается загрузить этот значок на время компиляции, и терпит неудачу. Как вы можете понять, мое намерение состоит в том, чтобы путь к значку был динамическим (это часть ngFor), и поэтому я хочу, чтобы webpack игнорировал его во время компиляции.
Как я могу проинструктировать html-loader игнорировать этот конкретный источник img?
EDIT: Я обнаружил, что можно полностью отключить синтаксический анализ атрибутов в html-загрузчике (т. Е. В момент компиляции не будут загружены никакие источники изображений или вообще что-либо, содержащееся в html), но я хотел бы иметь возможность выборочно исключить только определенные пути изображения.
Благодарим вас за ответ, но как мне это сделать? Я не могу найти компонент NgSrc в документах ng2, и в этой статье вкратце упоминается ng-src. Вы имеете в виду [src]? – FrontierPsycho
Я обновил свой ответ –
Лучшим решением было бы иметь весь URL-адрес в вашей модели, а затем вы можете использовать '=" appNameUrl "вместо того, чтобы присоединяться к строкам в представлении. –