将多个参数传递给Angular 2组件

Question

我正在尝试在Angular 2中创建一个图表组件。

到目前为止，它接收一组元组并将这些数据显示为折线图。

父组件使用如下图表：

<line-chart [values]="myFirstLineValues"></line-chart>

现在我想显示在同一图表中的行。我可以添加两个输入参数（如values1和values2），但稍后我想显示 n 行。

所以我想把一个数组数组作为输入参数。这会奏效。但是当我想单独设计线条时，我还需要更多的样式属性。这似乎不是一种非常优雅的方式。

我希望得到这样的解决方案（我刚刚编写的伪语法）：

<line-chart>
    <line [value]="myFirstLineValues"/>
    <line [value]="mySecondLineValues" />
</line-chart>

稍后我可以为每行的特殊属性添加样式（甚至为每行传递一个CSS类）。

Angular 2中是否有类似内容？或者我是以错误的方式看待它？

Answer 1

您可以维护一个对象数组，其中对象为{style: string, data: []}，输入的类型为：{style: string, data: []}[]。

这为您提供了数组方法，并将样式与每组数据相关联。