代码之家 › 专栏 › 技术社区 › User123

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

typescript angular javascript

-2

User123 · 技术社区 · 7 年前

HTML格式

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

1 回复 | 直到 7 年前

1

Augustin R SOUVIK SAHA 7 年前

在.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'},
  ]

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

这是一个 stackblitz