内在离子选项样式

Question

我有一个选择，可以向我显示一个用户列表，每个用户的状态都为true / false，

我想在用户名旁边显示一个带有css的圆圈（如果true =绿色，如果为假红色）

我无法实现

有我的代码

  <ion-select interface="popover" [ngModel]="selectedUser._id" (ngModelChange)="selectUser($event)">
    <ion-option *ngFor="let user of user" [value]="user._id">{{ getUserName(user) }}
        <span  [class]="selectedUser.isConnected === true ? 'dotOn' : 'dotOff'">{{user.isConnected}}</span>
    </ion-option>
  </ion-select>

我能够获取状态的值，但是不知道如何在名称旁边添加一个圆圈。