Angular 4 - 将数组传递给指令而不将其转换为字符串

Question

我的component.ts中有一个数组：

labels: string[] = ['a', 'b', 'c'];

并需要将其传递给我的模板中的指令。 如果我试试这个：

<app-charts [valueArray] = "['a','b','c']" </app-charts>

它正在工作，但我想传入变量。像这样：

<app-charts [valueArray] = {{labels}} </app-charts>

但它没有用。 有什么想法吗？

Answer 1

当您拥有{{}}时，您不需要[]。 []已经确保Angular会将值视为表达式：

[valueArray]="labels"