Список articleName в JSON - PullRequest
Новая
       20

Список articleName в JSON

0 голосов
/ 19 июня 2019

У меня есть файл json, как показано ниже. Как отобразить articleName в виде списка с использованием angularjs и ionic. Я думаю, что json является вложенным, как показано ниже. 

{"articles":[{"articleId":"2665","articleName":"<\/head>Parental leave<\/body><\/html>"}]}


<ion-list>
    <ion-item button detail lines="inset" *ngFor="let film of data">
      {{ film.articles.articleName }}
    </ion-item
  </ion-list>

Я следовал этому уроку

https://ionicacademy.com/fix-cors-issues-native-http/

Ответы [ 2 ]

2 голосов
/ 19 июня 2019

*ngFor - это структурная директива, которая позволяет циклически проходить по массиву.

articles - это массив.Вы должны зацикливаться на этом вместо film, который, как я думаю, не является чем-то особенным в вашем конкретном контексте.

Учитывая, что ваш data: 

data = {"articles":[{"articleId":"2665","articleName":"<\/head>Parental leave<\/body><\/html>"}]}

в вашем шаблоне: 

<ion-list>
  <ion-item button detail lines="inset" *ngFor="let article of data.articles">
    {{ article.articleName }}
  </ion-item>
</ion-list>
1 голос
/ 19 июня 2019

вы можете попробовать вот так * Цикл ngFor выполняет итерацию по массиву объекта. так что здесь вы можете видеть, что мы повторяем цикл по data.articles, если вы хотите повторить цикл по объекту, тогда вы можете использовать keyvalue pipe

TS 

let data = {"articles":[{"articleId":"2665","articleName":"<\/head>Parental leave<\/body><\/html>"}]}

HTML 

<!-- with out keyvalue pipe so we are iterating a loop over the array of object -->
<ion-list>
    <ion-item button detail lines="inset" *ngFor="let film of data.articles; let i = index;">
      {{ film.articleName }}
    </ion-item
  </ion-list>

<!-- with keyvalue pipe so we are iterating a loop over object -->
<ion-list>
    <ion-item button detail lines="inset" *ngFor="let film of articles | keyvalue; let i = index;">
      {{ film | json}}
    </ion-item>
  </ion-list>
...