Tambourine作業メモ

主にスキル習得のためにやった作業のメモ。他人には基本的に無用のものです。

Angularで遊ぶ(4) - データバインディング - 双方向バインディング

読んでもよくわからない・・・サンプルは以下

app.component.html

<form>
  <label for="name">名前:</label>
  <input id="name" name="name" [(ngModel)]="myName" />
  <div>こんにちは、{{myName}}さん!</div>
</form>

app.component.ts

export class AppComponent {
  myName = '山田'
}

[ ]でViewへ向かう方向のバインド、( )コンポーネントへ向かう方向のバインドを 記述するシンタックスだったから、双方向は[( )]というシンタックスにしているんだそうな。

それはいいとして、いきなりngModelってのが登場したので置いてけぼり感がすごい。 とりあえず、先に進むことにする。