Чтение массива внутри объекта в Angular - PullRequest
Новая
       27

Чтение массива внутри объекта в Angular

0 голосов
/ 16 мая 2018

Может быть, кто-то может мне помочь.У меня есть массив в объекте.Я могу получить только Array(Articles) из объекта.Это не моя проблема.Моя проблема в том, что я сейчас использую *ngFor в Angular для чтения списка статей, но нет id.IDs генерируется.

Как я могу заставить Angular читать из этого?

enter image description here

Я могу прочитать массив, поместив его в статьи [0] илистатьи 1 но мне нужно получить все статьи, и индивидуальное указание не сработает.Любая помощь будет потрясающей!Спасибо, парни.

Страница TS 

blog: string[];
blogs: string[] = [];

ngOnInit() {
        this.getNewsData().subscribe((blog) => {
            this.blogs.push(blog);
            console.log(blog.articles);
        });

файл component.html 

<mat-card class="example-card" *ngFor="let blog of blogs.articles">
        <mat-card-header>
          <div mat-card-avatar class="example-header-image"></div>
          <mat-card-title>{{ blog.title }}</mat-card-title>
          <mat-card-subtitle>{{ blog.author }}</mat-card-subtitle>
        </mat-card-header>
        <img mat-card-image src="{{ blog.urlToImage }}" alt="Photo of a Shiba Inu">
        <mat-card-content>
          <p>
            {{ blog.titles }}
          </p>
        </mat-card-content>
        <mat-card-actions>
          <button mat-button>LIKE</button>
          <button mat-button>SHARE</button>
        </mat-card-actions>
</mat-card>

Ответы [ 2 ]

0 голосов
/ 16 мая 2018

Проблема в том, что вы помещаете объект, полученный из getNewsData(), в массив, но это не имеет особого смысла, поскольку вы заботитесь только об объекте.

Измените свой код на это: 

blogs;

ngOnInit() {
  this.getNewsData().subscribe((blogs) => {
    this.blogs = blogs;
});
0 голосов
/ 16 мая 2018

Не уверен, зачем вам нужен идентификатор для циклического использования * ngFor. Он должен просто перебирать каждую статью в массиве и отображать ее. Если вы хотите дать идентификатор каждому атрибуту в массиве, сгенерируйте его со строкой, соединяющейся с индексом.

...