ロジック部分。初期値。 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

連動するチェックボックス。 テンプレート部分。 foo<input type="checkbox" [(ngModel)]="foo"> bar<input type="checkbox" [(ngModel)]="bar"> baz<input type="checkbox" [(ngModel)]="baz"> <br> all<input type="checkbox" [(ngModel)]="all"> ロジック部分。ゲッターとセッターを利用する。 foo = false bar = false baz = false get all() { return this.foo && t…