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

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

HTML

在.ts中：

options=[//不需要id字段
{id:1，值：'opt1'}，
{id:2，值：'opt2'}，
{id:3，值：'opt3'}，
{id:4，值：'opt4'}，
{id:5，值：'opt5'}，
{id:6，值：'opt6'}，
]

在.html文件中：

{{opt.value}}

---

下面是一个

为什么不能在html文件中编写10个选项？我想知道是否有更好的解决方案。像循环一样？有很多方法可以处理这种情况，包括@AugustinR提供的答案。然而，如果你尝试了一些东西，然后问为什么你尝试的东西不起作用，而不是明目张胆地要求别人为你写，那么你在这里更有可能得到积极的回应。给出一个像@brk这样的想法也就足够了。

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