角度2将值从选择器传递到html模板

Question

我想将选择器中的简单值（例如class和id）传递给模板。我已将component导入到module中，并将导入的selector放置在导入component的html中，我想将值传递给要导入的html / component。下面是我如何使用选择器和要导入的组件的html模板。

<my-graph graphid="my-graph-1" graphclasses="graph"></my-graph>

<svg id="{{graphid}}" class="{{graphclasses}}" width="90" height="90"></svg>

在图表的component.ts文件中也使用了graphid

Answer 1

您必须使用@Output（）并将共享数据从图形组件传递到同时包含图形组件和svg的组件中。或者，使用sharedService －将服务同时注入到图形组件中并将ID附加到sharedService，然后在父组件中使用相同的服务将ID分配给svg ID。

类似于拥有商店，并让商店拥有您的所有数据。