【Angular2】遍历嵌套实体生成数组

前言

需要根据实体生成一个数组，存放初始数据

实体是ExamPaperModel（试卷），其中一个属性为QuestionTypeList，包含的是实体QuestionTypeModel（题型），题型实体中有一个属性为QuestionMainList，包含的是实体QuestionMainModel（题干）

现在整个试卷实体是从后台返回，然后传递到该组件，该组件要在页面渲染前生成数组存放初始的题干答题状态

 
 

代码

answers:Answer[]=[]; //声明一个空数组，记得加后面的=[]

ngOnInit() {
    setTimeout(() => {
      this.exampaper.paperQuestionTypeList.forEach((val, index, array) => {
        //val为当前值,index为当前索引,array为整个集合
        (<PaperQuestionTypeModel>val).questionMainList.forEach((val, index, array) => {
          //声明一个answer对象存放初始值
          let answer = new Answer;
          answer.id = (<QuestionMainModel>val).id;
          answer.done = true;
          answer.answer = "";
          this.answers[index] = answer;
        })
      })
    }, 0);
  }

在这里最好把代码放在setTimeout，否则会报一个 Cannot read property ‘paperQuestionTypeList’ of undefined 的错误

 
 

小结

最后没有用这个解决方案，利用Angular的其它机制实现了功能
但是，在生成数组的过程中，遇到了一些问题，所以在此记录一下