[解決済み] AngularJSのng-repeatは、空のリストのケースを処理します。

質問

よくあることだろうと思っていたのですが、AngularJSでどのように処理するのかがわかりませんでした。例えば、イベントのリストがあって、それをAngularJSで出力したいとします、それならとても簡単です。

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

しかし、リストが空の場合、どのように処理すればよいのでしょうか。リストがある場所に、"No events"のようなメッセージボックスを表示したいのですが、どうすればよいでしょうか？唯一近いのは ng-switch と events.length (配列ではなくオブジェクトが空の場合、どのようにチェックすればよいのでしょうか?) しかし、本当にそれしか選択肢がないのでしょうか?

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

を使用することができます。 ngShow .

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

参照 例 .

または ngHide

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

参照 例 .

オブジェクトをテストすることができます。 オブジェクトのキー .