如何使用1到10的数字填充选择下拉列表，每个数字都有唯一的索引/值

Question

如何添加数字从1到10的选择下拉列表，每个选项具有唯一值，默认选择的选项为1

HTML

 <select [(ngModel)]="selectNum">
   <option value=""> </option>
 </select>

Answer 1

在.ts中：

options = [ // id field is not necessary
    {id: 1, value: 'opt1'},
    {id: 2, value: 'opt2'},
    {id: 3, value: 'opt3'},
    {id: 4, value: 'opt4'},
    {id: 5, value: 'opt5'},
    {id: 6, value: 'opt6'},
  ]

在.html中：

<select>
    <option *ngFor="let opt of options" [value]="opt.value"> {{opt.value}} </option>
</select>

这里是stackblitz