javascript - Handlebars テンプレート内に console.log() JavaScript ロジックを追加するにはどうすればよいですか?

Question

私は新しい Meteor アプリを構築中ですが、Handlebars を使用して JavaScript ロジックを追加してconsole.log()、各ループの前に実行する方法がわかりません。バックボーンでは<% console.log(data); %>、データが渡されていることをテストするだけです
。Meteor と Handlebars でこれを行う方法がわかりません。彼らのサイトで解決策を見つけることができませんでした。

Answer 1

プロジェクト内のクライアントがロードする JavaScript ファイルの 1 つに Handlebars ヘルパーを作成します。

Template.registerHelper("log", function(something) {
  console.log(something);
});

そして、テンプレートでそれを呼び出します:

{{log someVariable}}

単純に現在のコンテキストをログに記録できます{{log this}}。

(バージョン 0.8 より前の Meteor、または Meteor アプリ外の純粋なハンドルバーでは、 に置き換えることに注意してくださいTemplate.registerHelper。Handlebars.registerHelper)

Answer 2

このヘルパーは非常に便利だと思います

Handlebars.registerHelper("debug", function(optionalValue) {
    console.log("Current Context");
    console.log("====================");
    console.log(this);
    if (optionalValue) {
        console.log("Value");
        console.log("====================");
        console.log(optionalValue);
    }
});

その後、2つの方法で使用できます

単純な

{{debug}}

現在のコンテキストを出力します

または単一の値を調べる

{{debug val}}

その値を出力するだけです