<ng-container *ngIf="null==me.role">
    <div class="row">
        <div class="col-{{i>1?'12':'6'}} form-group" *ngFor="let role of allGoodRoles;let i = index">
            <button nbButton fullWidth hero status="primary" *ngIf="role.enabled"
                (click)="pickRole(role)">{{role.name}}</button>
        </div>
    </div>

    <div class="row">
        <div class="col-6 form-group" *ngFor="let role of allEvilRoles">
            <button nbButton fullWidth hero status="danger" *ngIf="role.enabled"
                (click)="pickRole(role)">{{role.name}}</button>
        </div>
    </div>
</ng-container>
<ng-container *ngIf="me.role">
    <h1>等待遊戲開始中...</h1>

</ng-container>
<div class='form-group'>
    <label for='unpick' class='label'>還未選擇腳色:</label>
    <div [innerHtml]="unpickPlayerList"></div>
</div>