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 = [];。删除此行，应该可以。