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>