Angular ラジオボタン

ロジック部分。初期値。

selected = "foo"

テンプレート部分。

foo<input type="radio" value="foo" [(ngModel)]="selected" [checked]="selected == 'foo'">
bar<input type="radio" value="bar" [(ngModel)]="selected" [checked]="selected == 'bar'">
baz<input type="radio" value="baz" [(ngModel)]="selected" [checked]="selected == 'baz'">

<div>{{selected}}</div>

selected には、"foo" or "bar" or "baz" の値が入る。