如何在 Angular 4 中拆分 JSON 对象

Question

我正在使用带有 Angular 4 前端的 JSON API，现在我正在尝试显示此 JSON Object 的数据。

我使用了以下代码：

<div *ngFor="let Questionnaire of struc.data">
    <span>{{Questionnaire.attributes.content.headline}}</span><br>
    <span>{{Questionnaire.attributes.content.text}}</span><br>
    <span>{{Questionnaire.attributes.content.question}}</span>
</div>

<div *ngFor="let Questionnaire of struc.data">
  <li>{{Questionnaire.attributes.content.answers}}</li>
</div>

它有效，但我的答案格式如下：

• überhaupt nicht,Sehr selten,einige Male,häufig,sehr häufig

而不是像这样：

• überhaupt nicht
• 塞尔顿
• 英格男
• häufig
• sehr häufig

我的代码有什么问题？

Answer 1

你可以这样做Questionnaire.attributes.content.answer.split(',')，

<div *ngFor="let Questionnaire of struc.data">
 <div *ngFor="let ans of Questionnaire.attributes.content.answers.split(',')">
     <li>{{ans}}</li>
  </div>
</div>

EDIT

在您的 JSON 对象发布后，答案似乎是一个数组，您需要这样做，

<div *ngFor="let Questionnaire of struc.data">
     <div *ngFor="let ans of Questionnaire.attributes.content.answers">
         <li>{{ans}}</li>
      </div>
  </div>

DEMO