如何将String []传递给我的angular2 html模板

Question

I have an array variable declared in the export class of my component; 我在组件的导出类中声明了一个数组变量；

 barChartLabel:string[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];

I display this to the screen in my html template as follows 我将其显示在我的html模板中的屏幕上，如下所示

{{barChartLabel}}

but when i put that into a parameters value it fails, as follows 但是当我将其放入参数值时，它失败，如下所示

 <mychart [chartLabelObject]="[{{barChartLabel}}]"></mychart>

Any idea what im doing wrong? 知道我在做什么错吗？

Answer 1

I think what you are trying to do is pass this to a child component (mychart)? 我认为您正在尝试将其传递给子组件（mychart）？

in your child component.ts : 在您的子component.ts中：

import { Input } from '@angular/core';

export class app {

@Input() chartLabelObject:string[];

}

parent .component.html: 父.component.html：

<app-craftinput [chartLabelObject]="barChartLabel"></app-craftinput>