javascript - Meteor テンプレートで空のオブジェクトを確認するにはどうすればよいですか?

Question

次のようなテンプレートデータコンテキストがあります。

data = {
    "attribute1": {
        "attribute2": {}
    }
}

そして、流星のテンプレートでは、次のようなことをしています:

{{#with attribute1}}
    {{#if attribute2}}
        show some content
    {{/if}}
{{/with}}

attribute2 が空のオブジェクトの場合、何も表示したくありません。{{#with attribute2}}{{/with}}ただし、両方を試しまし{{#if attribute2}}{{/if}}たが、空のオブジェクトであっても、内部のコンテンツをレンダリングしています。

スペースバーテンプレートでオブジェクトが空かどうかを確認する正しい方法は何ですか? それとも可能ですか？

score 1 · Accepted Answer

テンプレートヘルパーを登録し、jQuery.isEmptyを使用して null チェックを行う方法を見つけました。

Template.registerHelper("isEmpty", function (object) {
    return jQuery.isEmpty(object);
});

そしてそれをテンプレートで使用するには：

{{#unless isEmpty attribute2}}
    show some content
{{/unless}}

しかし、このソリューションの欠点を見つけました。attribute2 内の属性を参照したい場合は{{#with attribute2}}{{/with}}、unless ブロック内に追加する必要があります。

3 に答える 3