Angular2での入力プロパティのバインド

Question

以下は@Input()プロパティを持つコンポーネントのコードです。

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

@Component({ 
selector: 'cd', 
template: ` 
<h2>{{input1}}</h2> 

` 
}) 

export class cdComponent{ 

@Input() input1: string; 

} 

このコンポーネントは他のコンポーネントで使用したいと考えています。親コンポーネントのコードは以下のとおりです。 MainComponentがブラウザに表示されます場合は

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

@Component({ 
selector:'main', 
template: ` 
<cd [input1]="test"></cd> 
<h2> Main Route </h2> 
` 
}) 

export class MainComponent{ 

} 

、私はまた、表示されるように、子コンポーネントから「テスト」のテキストを期待していました。

しかし、「テスト」テキストは表示されません。どんな助けもありがとう。

Answer 1

testという名前の変数をinput1に渡しているため表示されませんが、存在しません。 []を使用して値を入力に渡すと、testという名前の変数が検索されますが、文字列testを渡したいと思っています。これを行うには2つの方法があります。

<cd [input1]="'test'"></cd> 

または：

<cd input1="test"></cd>