BTN-基 - btnRadio由枚举完成初始值，不激活按钮

Question

我具有以下BTN-组：

<div class="btn-group"> 
     <label class="btn btn-primary" [(ngModel)]="type" btnRadio="{{myType.A}}" name="A" ngDefaultControl>A</label> 
     <label class="btn btn-primary" [(ngModel)]="type" btnRadio="{{myType.B}}" name="B" ngDefaultControl>B</label> 
</div> 

的MyType是一个枚举：

export enum MyType { 
    A, B 
} 

和这里是部件：

@Component({ 
    selector: 'add-record', 
    templateUrl: './add-record.component.html', 
    styleUrls: ['./add-record.component.css'] 
}) 
export class AddRecordComponent implements OnInit { 

    type: MyType; 
    myType = MyType; 

    constructor() { } 

    ngOnInit() { 
    this.type = MyType.A; 
    } 
} 

正如你可以看到类型的初始值是MyType.A所以 我期望第一个按钮将被激活，但事实并非如此。

我想到：

我：

Answer 1

你将不得不 “主动” 类添加到标签之一：

<div class="btn-group"> 
    <label class="btn btn-primary" [(ngModel)]="type" [class.active]="type=myType.A" btnRadio="{{myType.A}}" name="A" ngDefaultControl>A</label> 
    <label class="btn btn-primary" [(ngModel)]="type" [class.active]="type=myType.B" btnRadio="{{myType.B}}" name="B" ngDefaultControl>B</label> 
</div>