У меня есть пользовательский компонент Angular 4, где я использую <img> в качестве шаблона. Компонент selector имеет значение i-image, поэтому он отображается в пользовательском интерфейсе следующим образом:
<i-image _ngcontent-c0="" alt="this is alt" ng-reflect-path="/default-image.jpg" ng-reflect-lqip="[object Object]">
<img src="example.com/a.jpg">
</i-image>
Фактический код в компоненте, который использует i-image, выглядит следующим образом:
<i-image path="{{path}}" [lqip]="{}" alt="this is alt"></i-image>
Я собираюсь взять все атрибуты, предоставленные пользователем в i-image, и применить их к тегу img. Например, alt предоставляется здесь, но он не применяется к тегу img. Я не хочу делать однозначное сопоставление для всех возможных атрибутов, скорее доверять пользователю все, что он хочет предоставить, и просто добавить эти атрибуты в тег img перед рендерингом.
Возможно ли это вообще ? Если да, можете ли вы указать мне правильное направление. Я могу разобраться в коде, просто нужна идея о том, как сделать это в Angular способами.