IgxRadio の選択項目を TypeScript で設定する

この KB は 製品バージョン 11.1.4 をベースにしています。

IgxRadio の選択項目を TypeScript 側で設定するサンプルです。IgxRadio の ngModel に選択したい値をバインドします。

<igx-radio *ngFor="let color of colors" name="color" [value]="color.hex" [(ngModel)]="selectedColor">
    {{color.name}}
</igx-radio>

export class RadioSample2Component {
    public colors = [{
        hex: "#f06a2f",
        name: "Carrot"
    }, {
        hex: "#ff134a",
        name: "Watermelon"
    }, {
        hex: "#7bc96f",
        name: "Grass"
    },
    {
        hex: "transparent",
        name: "No color"
    }];

    public selectedColor: string = this.colors[3].hex;
}