循环将新记录添加到打字稿中的数组

Question

我在打字稿中有一个选择变量

let opt = [{}];

如果我想添加多个子项以选择变量到下面的示例与 for 循环

options = [
{ name: "option1", value: 1 },
{ name: "option2", value: 2 }
]

如何编码

for(i=0; i<=5; i++) {
...
}

Answer 1

如果要将options中的每个项目添加到opt，则：

let opt = [];
let options = [
{ name: "option1", value: 1 },
{ name: "option2", value: 2 }
]
options.forEach(x => opt.push(x));

Answer 2

您需要将值推入opt[]

例：

for(i=0; i<=5; i++) {
opt.push( { i } );
}

请根据您对要推送到阵列中的内容的要求进行更改。

Answer 3

尝试使用这个

Comomnet.html

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

组件.ts

options = [
{ name: "option1", value: 1 },
{ name: "option2", value: 2 }
]

Answer 4

如果需要在选择选项中使用，则无需在 .ts 中循环任何内容，可以在模板中使用*ngFor指令来显示选项。

尝试如下：

。.html

<select [(ngModel)]="selected">
<option [value]="null">Select</option>
<option *ngFor="let opt of options" [value]="opt.value">{{opt.name}}</option>
</select>
<p>selected : {{selected}} </p>

.ts

options = [{ name: "option1", value: 1 }, { name: "option2", value: 2 }];
selected = null;

工作演示