打字稿/Angular2中的无线电按钮焦点

Question

在单击Angular 2中的Enter时，如何使单个单击按钮专注于选项卡？

？

<div class="radio-group-container">
    <md-radio-group class="radio-group" [(ngModel)]="choice" tabIndex="11" (click)="radioClick()" disableRipple>
        <md-radio-button class="radio-button" *ngFor="let choice of choices" [value]="choice" tabIndex="13" disableRipple>{{choice}}</md-radio-button>
    </md-radio-group>
</div>

Answer 1

使用代码中创建的所有无线电按钮都具有相同的TabIndex。尝试用

替换它

<md-radio-button class="radio-button" *ngFor="let choice of choices; let i=index" [value]="choice" tabIndex="index" disableRipple>{{choice}}</md-radio-button>