Angular 如果不显示阵列数据，请从Firebase检索此数据

嘿，我知道这个问题经常出现，但正常的修复方法不起作用

ts

---

选项

、

问题

和

sno

属性是每个

数据

-对象的

项

-数组中元素的属性。因此，您可以将另一个

*ngFor

嵌套在现有的内部。像这样：

<div class="col-9" *ngFor="let data of currentValue">
  <div *ngFor="let item of data.items">
    <div formGroupName="questions">
      <div class="form-Group">{{ item.sno }}</div>
        <br>
        <div class="from-Group">{{ item.question }}</div>
      </div>
    <div formGroupName="options">
      <label>
        <input type="radio" formControlName="op1">{{ item.options }}
      </label>
    </div>
  </div>
</div>

{{item.sno}


{{item.question}}
{{item.options}}

---

AllThrough

item.options

是一个对象，您可能希望根据其结构以另一种方式处理它。

console.log的输出是什么？console.log（'current Value'，this.currentValue）是什么；return？current Value[{…}]0:formType:“items:Array（1）0:{options:{…}，question:“Test Msg”，sno:1}长度：1 proto:Array（0）长度：Object长度：1 proto:Array（0）控制台输出您所在区域中的元素似乎没有在htmlnow中查找的属性如何修复它？

<div class="col-9" *ngFor="let data of currentValue">
  <div formGroupName="questions">
    <div class="form-Group">{{ data.sno }}</div>
      <br>
      <div class="from-Group">{{ data.question}}</div>
    </div>
  <div formGroupName="options">
    <label>
      <input type="radio" formControlName="op1">{{ data.options}}
    </label></div>

<div class="col-9" *ngFor="let data of currentValue">
  <div *ngFor="let item of data.items">
    <div formGroupName="questions">
      <div class="form-Group">{{ item.sno }}</div>
        <br>
        <div class="from-Group">{{ item.question }}</div>
      </div>
    <div formGroupName="options">
      <label>
        <input type="radio" formControlName="op1">{{ item.options }}
      </label>
    </div>
  </div>
</div>