HTML5没有分离两个对象

Question

不能显示两个对象

this._formsServices.fetching(this._route.snapshot.paramMap.get('id')).subscribe(post => {
this.field = this._formsServices.form;
let comma: any;
this.field.forEach(option => {
if (option.optionEn) {
this.options = []; <-----
comma = option.optionEn.split(',');
for (const key in comma) {
if (comma.hasOwnProperty(key)) {
this.options.push({ label: comma[key], value: option.fieldType });
}
}
}
})
});

输出控制台是正确的，但在HTML5没有显示这总是专注于最后一个对象

(2) [{…}, {…}]
0: {label: "name1", value: "1"}
1: {label: "name1", value: "1"}
length: 2
__proto__: Array(0)
forms.component.ts:91 
(2) [{…}, {…}]
0: {label: "name2", value: "6"}
1: {label: "name2", value: "6"}

Answer 1

这是因为您每次循环都会擦除this.options中的数据。在第一个循环中，您将这两个值推送到数组0: {label: "name1", value: "1"} 1: {label: "name1", value: "1"}，在第二个循环中，您将创建一个新的数组this.options = [];。删除此行，应该可以工作。