初期値。 selected = 'foo' テンプレート部分。 <select [(ngModel)]="selected"> <option value="foo" [selected]="selected == 'foo'">foo</option> <option value="bar" [selected]="selected == 'bar'">bar</option> <option value="baz" [selected]="selected == 'baz'">baz</option> </select>

複数選択できるチェックボックス。 Vue.jsなら配列形式でデータを持てるんだけど…。 Angularは面倒くさいなぁ…。 data = [ { value: 'foo', selected: false }, { value: 'bar', selected: false }, { value: 'baz', selected: false }, ] foo<input type="checkbox" value="data[0].value" [(ngModel)]="data[0].selected"> bar