我通常将Select与3个或4个选项结合使用，
<select name="car_color" [(ngModel)]="car.color">
<option value='BL'>Blue</option>
<option value='RD'>Red</option>
</select>
问题是我有120种颜色的列表。我可以用相同的方式放置它们，但我想用正确的方法做
角度：使用带有很多选项的选择
•
问答
hailangliu365 回答：角度：使用带有很多选项的选择
您可以使用组件类来存储有关选项的信息
class Component {
public items = [{name: 'Blue',value: 'BL'},{name: 'Red',value: 'Red'}];
}
<select name="car_color" [(ngModel)]="car.color">
<option *ngFor="let item of items" [value]="item.value">
{{ item.name }}
</option>
</select>
将具有颜色和值的汽车颜色数组添加到您的组件中，然后您可以在html中循环显示所有选项，如下所示：
组件：
carColors = [{text:'Blue',{text:'Red',value: 'RD'}];
HTML：
<select name="car_color" [(ngModel)]="car.color">
<option *ngFor="let carColor of carColors" value=car.value>{{carColor.text}}</option>
</select>
您可以简单地遍历列表：
example.html
<select name="car_color" [(ngModel)]="car.color">
<option *ngFor="let color of colorList"[value]="color.value">{{color.name}}</option>
</select>
example.ts
colorList = [
{ value: 'BL',name: 'blue' },{ value: 'RD',name: 'red' }
…
];