Angular2 for TypeScriptのお勉強-sample(7)【boundとinterporation】
![フロントエンドエンジニア芸人もりたけんじのAngular2とTypeScriptのお勉強](https://kenjimorita.jp/wp-content/uploads/2016/05/5215f9d16b1b5a4c91589f1d819903d5.png)
ここのページの「Binding syntax: An overview」を読んでいます。
[]と{{}}が何をしているのか理解します。
チュートリアルでいうここです。
[]=""はそのDOMが持つプロパティを""でbindしている。
これはわかりやすい例。bindStyleはそのコンポーネント内でpropertyとして読み書きできる{{}}はそのproperty値を動的に出力しています
このことを説明するもうひとつの例
<span>{{lunch}}is good!!</span>
と
<span><span [innerHTML]="lunch"></span>is good!!</span>
は同じ意味ですね。
@Component({
selector: 'contacts-header',
templateUrl: `./app/app.childComponent.html`
})
export class HeaderComponent {
lunch: string = "lunch";
constrctor (){
}
}
なんか薄い感じでごめんなさい。ちょっとずつやっていっています