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

Question

我在 Typescript 中有一个 opt 变量

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

如果你需要在select选项中使用，你不需要在.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;

Working Demo