可以使用*ngFor指令在HTML模板中迭代一个数组,并将数组中的值显示为下拉列表的选项。但有时候,在使用ngFor时,下拉列表中的值可能不显示出来。下面是一个解决方法的示例代码:
在组件文件(例如component.ts)中定义一个用于存储下拉列表选项的数组:
options = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
在HTML模板文件(例如component.html)中使用ngFor指令来迭代数组,并将值显示为下拉列表的选项:
在上述代码中,ngFor指令用于迭代options数组,并将数组中的每个值显示为一个
最后,使用双向数据绑定[(ngModel)]将选中的选项绑定到组件中的selectedOption变量。
确保在模块文件(例如app.module.ts)中导入FormsModule,以便使用ngModel指令:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [FormsModule],
// ...
})
export class AppModule { }
这样,当ngFor用于下拉列表时,选项的值应该正确地显示在下拉列表中。