Angular2ディレクティブ - 文字列の問題

Question

は、我々はディレクティブでAngular2を作成し、stringを受けるべきinput性質を持っています。問題は、文字列を渡すことができないということです。

我々はこれを実行しようとした場合：

<learning-requirements [title]="You should be able to!" [content]="requirements"></learning-requirements> 

それは動作しませんので、我々はこれをしなければならないし、それが動作します：

：私たちのディレクティブです

<learning-requirements [title]="'You should be able to!'" [content]="requirements"></learning-requirements> 

@Component({ 
    selector: "learning-requirements", 
    directives: [IONIC_DIRECTIVES], 
    templateUrl: "build/pages/learning/components/requirements/requirements.html" 
}) 
export class RequirementsComponent { 
    @Input() public title: string; 
    @Input("content") public items: Array<Requirement>; 
} 

文字列を一重引用符で明示的に処理する方法はありますか？

Answer 1

をそれを使用します成分。

あなたが直接あなたが直接あなたが属性の内部で合格した値は、コンポーネントのコンテキスト（this）に対して評価を取得しないことを意味し[]角括弧、なしtitle属性を指定することができた値を渡しているので。

マークアップ

<learning-requirements 
    title="You should be able to!" 
    [content]="requirements"> 
</learning-requirements> 

Answer 2

宣言文字列（タイプ）変数と、以下のようにあなたはそれがの（this）のコンテキストで評価属性値（式）に起こっている[]角括弧で包む属性している時はいつでも基本的には、

<learning-requirements [title]="someVar" [content]="requirements"></learning-requirements> 


export class AppComponent{ 
    someVar:string="You should be able to!"; 
}