Javascript 角度表达式绑定中未定义的属性

我有一个绑定

{{getCategoryName（post.categories[0]）['name']}}

，在这里我需要处理

post.categories[0]

在

*ngFor

循环中返回的值，在最后绑定到模板之前，我的组件中有一个方法

getCategoryByName（）

。该方法返回一个

对象

我不断收到错误
无法读取未定义的属性“name”
。我尝试使用
['name']
键而不是
.name
来获取属性，但仍然得到错误

有什么解决办法吗

  <ion-item text-wrap class="news-item" *ngFor="let post of posts" (click)="viewStory(post)">
          <div >
          <p>{{getCategoryName(post.categories[0])['name']}}</p>
          <h2>{{post.title.rendered}}</h2>
          <p>By Fitz &middot; {{post.date | fromNow}}</p>
        </div>
    </ion-item>

数组
的示例余烬，通过上述方法从中返回
对象

[
  {
    "id": 33,
    "count": 1,
    "description": "",
    "link": "http://XXXXXXXXXXXXX.co/category/apps/",
    "name": "Apps",
    "slug": "apps",
    "taxonomy": "category",
    "parent": 0,
    "meta": [],
    "_links": {
      "self": [
        {
          "href": "http://XXXXXXXXXXXXX.co/wp-json/wp/v2/categories/33"
        }
      ],
      "collection": [
        {
          "href": "http://XXXXXXXXXXXXX.co/wp-json/wp/v2/categories"
        }
      ],
      "about": [
        {
          "href": "http://XXXXXXXXXXXXX.co/wp-json/wp/v2/taxonomies/category"
        }
      ],
      "wp:post_type": [
        {
          "href": "http://XXXXXXXXXXXXX.co/wp-json/wp/v2/posts?categories=33"
        },
        {
          "href": "http://XXXXXXXXXXXXX.co/wp-json/wp/v2/jobs?categories=33"
        }
      ],
      "curies": [
        {
          "name": "wp",
          "href": "https://api.w.org/{rel}",
          "templated": true
        }
      ]
    }
  },

]

在getCategoryName方法中，检查post.categories是否未定义，然后返回对象{name:''：

或者您可以在模板中使用：

{{(getCategoryName(post.categories[0]) || {name : ''})['name']}}

你可以这样做


{{getCategoryName（post.categories[0]）？.name}
显示
getCategoryName
的主体和
posts的结构array@BougarfaouiElhoucine我已经编辑以显示结构、对象（为简洁起见，只需一个条目）和方法。标记为“答案”，因为这似乎是一种更具角度的方式。
if (post.categories === undefiend) { 
return {name : ''}
}

{{(getCategoryName(post.categories[0]) || {name : ''})['name']}}