1. ホーム
  2. javascript

ng-if 配列が空かどうかをチェックする

2023-12-03 22:48:01

質問

私が扱っているAPIは、配列に項目がない場合、次のように返します。

items: []

配列の中に項目がある場合は、次のようなものが返されます。

items: [
  {
    name: 'Bla'
  }
]

私のテンプレートでは、ng-ifを使用して、そこにデータがあるかどうかに基づいて要素を表示/非表示にする必要があると思います。

<p ng-if="post.capabilities.items"><strong>Topics</strong>: <span ng-repeat="topic in post.capabilities.items">{{topic.name}}</p>

しかし、これは私がAngularで作業するのが初めてなので、全く的外れかもしれませんし、私がやろうとしていることを行うためのもっと良い方法があるかもしれません。

どのように解決するのですか?

post.capabilities.items をチェックしても、空の配列なので定義されたままです。 post.capabilities.items.length をチェックすると、うまくいくはずです。 0 は虚偽だからです。