口ひげスタイル テンプレートの各モデル インスタンスを反復処理しており、使用可能なインスタンスがない場合 (たとえば、誰かがそれらをすべて削除/破棄した場合) にメッセージを表示するクリーンな方法が必要です。
{{#notifications}}
<div class='tertiary'>
<li>Sent {{& displayFrequency frequency}} <br> to <br> <span class='strong'>{{recipients}}</span></li>
<div id='action-buttons' {{data "notification"}}>
<span class='notification-option'><button class='edit'>edit details</button></span>
<span class='notification-option'><button class='delete'>delete</button></span>
<span class='notification-option'>
<input class="is-active" type="checkbox" {{#if active}}checked{{/if}}>
</span>
</div>
</div>
<br><br>
{{/notifications}}
頭に浮かんだこの最初の方法:
{{#if notifications.length}}
{{#notifications}}
<div class='tertiary'>
<li>Sent {{& displayFrequency frequency}} <br> to <br> <span class='strong'>{{recipients}}</span></li>
<div id='action-buttons' {{data "notification"}}>
<span class='notification-option'><button class='edit'>edit details</button></span>
<span class='notification-option'><button class='delete'>delete</button></span>
<span class='notification-option'>
<input class="is-active" type="checkbox" {{#if active}}checked{{/if}}>
</span>
</div>
</div>
<br><br>
{{/notifications}}
{{else}}
<div>No Notifications</div>
{{/if}}
これを行うより良い方法はありますか?canjsのコンテキストでこれを行うより慣用的な方法はありますか?