XRegExp имеет функцию escape:
XRegExp.escape('Escaped? <.>');
// -> 'Escaped\?\ <\.>'
Подробнее: http://xregexp.com/api/#escape
Поскольку selectedrecipe
устанавливается асинхронно, вы должны использовать либо значение по умолчанию для вашего @Input()
, либо использовать оператор сохранения навигации ?.
внутри вашего шаблона: "
<img src="{{selectedrecipe?.imagepath}}" alt="{{selectedrecipe?.name}}">
Другой способ - проверить саму переменную в условии *ngIf
, прежде чем переходить к какому-либо свойству:
<span *ngIf="selectedrecipe">
<img src="{{selectedrecipe.imagepath}}" alt="{{selectedrecipe.name}}" class="img-responsive" style="max-height:300px">
</span>