Ionic 3中断数据和显示或有角行李箱选项

Question

我正在从api获取一些数据，但是它们是一些措辞，它们在单个字符串中。 我需要分开给他们看。 它是如何在控制台中出现的：

我想在我的应用程序中显示如下：

这样已经在其他移动应用程序中显示了。 但我想知道它将如何处理离子角。

我就是这样显示措辞的。

.ts
 this.wording = this.res[0].policywording;

 .html
 <div *ngIf="wording">{{wording}}</div>

并且输出与控制台中的输出相同，但未按顺序显示，我想像我附加的那样显示它。 我认为通过树干是可能的，但不知道使用它的病情如何。

Answer 1

您必须分解这些数据。 像这样：

ts：

this.displayData = [];
if (this.wording) {
  const policies = this.wording.split('|').filter(w => w !== '');
  this.displayData = [];
  policies.forEach((policy) => {
    const splited = policy.split('=');
    const displayPolicy = {name: splited[0], value: splited[1]};
    this.displayData.push(displayPolicy);
  });
}

.html：

<div *ngIf="displayData && displayData.length > 0">
 <div *ngFor="let policy of displayData">{{policy.name:}} {{policy.value}}</div>
</div>
<div *ngIf="!displayData || displayData.length === 0">No Data available</div>