AngularJS ng-repeat は空のリストケースを処理します 質問する

AngularJS ng-repeat は空のリストケースを処理します 質問する

これは非常に一般的なことだと思っていましたが、AngularJS でこれを処理する方法が見つかりませんでした。イベントのリストがあり、それを AngularJS で出力したいとすると、それは非常に簡単です。

<ul>
    <li ng-repeat="event in events">{{event.title}}</li>
</ul>

しかし、リストが空の場合、どのように対処すればよいでしょうか? リストの場所に「イベントなし」などのメッセージ ボックスを表示したいのですが、それに近いのは with ng-switch(events.length配列ではなくオブジェクトの場合に空かどうかをどのように確認すればよいでしょうか) だけですが、それが本当に唯一の選択肢なのでしょうか?

ベストアンサー1

使用できますng表示

<li ng-show="!events.length">No events</li>

見る

または、ng非表示

<li ng-hide="events.length">No events</li>

見る

テストできるオブジェクトオブジェクト.キー

おすすめ記事