Ionic 2 * ngFor - 从列表中读取值

Question

我的列表看起来像这样：

当我这样做时，它起作用：

<ion-item-sliding *ngFor="let draft of drafts">
    <ion-item>
        <h2>
            Report identification code <strong>{{ draft.report.pk }}</strong>.
        </h2>
    </ion-item>
</ion-item-sliding>

如何阅读 section1 中的项目值？例如，我如何读取“ reportTimestamp ”或“ reportingFacility ”的值？

感谢。

Answer 1

为此，有两种方法：

1. 收到此数据后，您可以按以下方式处理：

   report.section.section1 = JSON.parse（report.section.section1）; //这会将字符串转换为json并将其存储在同一位置。

然后可以在你的html中收到这些数据：

<ion-item>
    <h2>
        Report identification code <strong>{{ draft.report.pk }}</strong>.
    </h2>
    <p>{{draft.report.sections.section1.whateverElementYouWant}}</p>
</ion-item>

1. 第二种方法是：如果您不想处理数据，那么您可以从html中调用一个函数来处理它并准确返回您需要的字段：

html文件：

<p>{{ getParticularElement(draft.report.sections.section1) }}</p>

在ts档案中：

getParticularElement(sectionString){
    let temp = JSON.parse(sectionString);
    return temp.whateverElementYouWant //return which ever element you want to display in UI
}