получение «Невозможно прочитать свойство 'thumbnail' of undefined» в angularjs

Question

Когда я пытаюсь отобразить имя в файле html, оно отображается правильно, но когда я пытаюсь получить category_image.thubmail в html, получаю Невозможно прочитать свойство 'thumbnail' неопределенной ошибки Подробности приведены ниже

Json данные

[
{
    "id": 22,
    "name": "Test Name",
    "slug": "test-name-english-news",
    "cataegory_image": {
        "thumbnail": "thumb Image",
        "medium": "medium image"
    }
}
]

файл модели категории

    export interface ICategory {
  id: number;
  name: string;
  slug: string;
  category_image: {
    thumbnail: string;
    medium: string;
  };
}

HTML код

  <li *ngFor="let category of categories | async">
    {{category.name}}{{category.category_image.thumbnail}}
    <!-- <a href="#">test<img src="{{category.category_image.thumbnail}}" width="40" alt="{{category.name}}" /></a> -->
  </li>

Answer 1

имя свойства в вашем JSON отличается от имени вашего html.

категории. category_image .thumbnail

" cataegory_image": {" thumbnail ":" thumb Image "," medium ":" medium image "}

в вашем JSON.

есть дополнительный символ a после t