2017-02-02 7 views
0

私は配列の変数をmyコンポーネントのエクスポートクラスで宣言しています。String []をangle2 htmlテンプレートに渡す方法

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

{{barChartLabel}} 

を次のように私は私のHTMLテンプレートで画面にこれを表示するが、私はことを置くとき

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

任意のアイデアを次のようにパラメータは、それが失敗した値にどのような私は間違っている?

+1

'[]'変数にまっすぐに結合し、あなたは削除する必要があり '課題の右側にある[{{}}] '。また、テンプレート構文のこのプライマーは読む価値があります:https://angular.io/docs/ts/latest/guide/template-syntax.html#!#binding-syntax – silentsod

+0

thx 100万個の@silentsodあなたはそれをコードの一部でアンワー – Fearghal

+0

[chartLabelObject] = "barChartLabel" – Fearghal

答えて

0

あなたがしようとしていることは、これを子コンポーネント(mychart)に渡すことだと思いますか?あなたの子供のcomponent.tsで

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

export class app { 

@Input() chartLabelObject:string[]; 

} 

親.component.html:

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

https://angular.io/docs/ts/latest/cookbook/component-communication.html

関連する問題