如何将所有属性从Angular组件传递到模板

Question

我有一个自定义的Angular 4组件，我在其中使用<img>作为模板。组件的选择器是i-image，因此它在UI中的呈现方式如下：

<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中执行此操作的想法。

Answer 1

是的，使用内容投影将标记放置在选择器中，然后将整个html代码传递到该选择器中