我有一个多选下拉列表，如果我选择用户我必须打开另一个包含用户角色的下拉列表

Question

这里我有一个用户填充的选项，现在我选择了 用户我希望在用户旁边有另一个下拉列表来选择用户角色。

目前我这样做，但它并没有解决我的问题。 当我这样做时，值admin，member，...显示在输入中：

<mat-select
        placeholder="User"
        name="Users"
        formControlName="Users"
        multiple
        ngDefaultControl>
    <mat-option *ngFor="let user of userList"
                    [value]="user.id">
                    {{user.UserName}}
        <select>
            <option value="admin">Admin</option>
            <option value="member">Member</option>
            <option value="leader">Leader</option>
        </select>
    </mat-option>
</mat-select>