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

Html 我有一个多选下拉列表,如果我选择用户,我必须打开另一个包含用户角色的下拉列表,html,angular,Html,Angular,在这里我有一个选择,在其中填充用户,现在如果我是选择 用户我希望在用户旁边有另一个下拉列表,用于选择用户角色 目前我正在这样做,但这并不能解决我的问题。 执行此操作时,输入中将显示值admin,member,…: <mat-select placeholder="User" name="Users" formControlName="Users" multiple ngDefaultControl>

在这里我有一个选择,在其中填充用户,现在如果我是选择 用户我希望在用户旁边有另一个下拉列表,用于选择用户角色

目前我正在这样做,但这并不能解决我的问题。 执行此操作时,输入中将显示值
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>

{{user.UserName}
管理
成员
领导

您面临什么问题?是否要在select中使用select?请将问题的格式调整为不在引号块中,因为它没有被引用。是的,对于我的select中的每个用户,我必须为角色使用另一个选择@Prachi您可以使用选择树,其中每个选项都包含选项。参考这一点很好,但在我的例子中,第一个用户是在“选择”下拉列表中为特定的“我想要用户角色选择”加载的。