Ionic 3 break данные и шоу или угловой вариант магистрали - PullRequest
0 голосов
/ 22 апреля 2019

Я получаю некоторые данные из API, но они представляют собой некоторые формулировки, которые находятся в одной строке.Мне нужно показать их отдельно.Вот как это происходит в консоли:

enter image description here

И я хочу показать в моем приложении, как это:

enter image description here

Это уже отображается в другом мобильном приложении, как это.Но я хочу знать, как это будет сделано с ионным углом.

Вот как я показываю формулировку.

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

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

и вывод такой же, как в консоли, но не в последовательности, я хочу показать это так, как я прикрепляю.Я думаю, что это возможно по транку, но не знаю, как плохо его использовать.

1 Ответ

2 голосов
/ 23 апреля 2019

Вы должны разбить эти данные.Примерно так:

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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...