,可以通过以下步骤实现:
options: any[] = [
{ id: 1, name: 'Option 1' },
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' }
];
defaultSelection: any[] = [
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' }
];
ngFor
指令遍历可选项数组,并使用ngModel
指令绑定选择框的值。同时,使用ngIf
指令判断当前项是否为默认选中项,如果是,则添加selected
属性。例如:<select [(ngModel)]="selectedOptions" multiple>
<option *ngFor="let option of options" [value]="option.id" [selected]="isDefaultSelection(option)">
{{ option.name }}
</option>
</select>
isDefaultSelection
用于判断当前项是否为默认选中项。该方法接收一个参数option
,表示当前遍历的选项。在方法内部,使用Array.some
方法判断当前选项是否存在于默认选中项数组中。例如:isDefaultSelection(option: any): boolean {
return this.defaultSelection.some(item => item.id === option.id);
}
通过以上步骤,就可以在选择框中标记默认值。当默认选中项数组中的项与可选项数组中的项匹配时,选择框会自动选中这些项。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云