在Angular中,我们可以使用ngFor指令来遍历对象数组,并将其值填充到下拉列表中的选项中。以下是一个示例代码:
在组件类中定义一个对象数组:
import { Component } from '@angular/core';
@Component({
selector: 'app-select-option',
template: `
`
})
export class SelectOptionComponent {
options = [
{ id: 1, name: 'Option 1' },
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' }
];
}
在模板中使用ngFor指令来填充下拉列表的选项。使用*ngFor指令来遍历options数组,并为每个选项创建一个
请注意,你还需要在模块中导入FormsModule,以便使用ngModel指令。这样,你就可以通过ngModel指令来获取用户选择的选项的值。