Ionic 3 中断数据并显示或 angular 中继选项

Question

我正在从 api 获取一些数据，但它们是一些措辞，在单个字符串中。我需要单独展示它们。这是它在控制台中的显示方式：

我想在我的应用中这样显示：

这已经在其他移动应用程序中显示出来了。但我想知道如何使用 ionic angular.

我是这样显示措辞的。

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

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

并且输出与控制台中的输出相同，但顺序不同我想像附加的那样显示它。我觉得通过trunk是可以的，但是不知道怎么用。

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>

Ionic 3 中断数据并显示或 angular 中继选项

Ionic 3 break data and show or angular trunk option

javascript

ionic-framework

ionic3

angular