Angular2 for TypeScriptのお勉強-sample(7)【boundとinterporation】
フロントエンドエンジニア芸人もりたけんじのAngular2とTypeScriptのお勉強
ここのページの「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 (){
}
}
なんか薄い感じでごめんなさい。ちょっとずつやっていっています
