テンプレート ヘルパー内で Meteor メソッドにアクセスし、早期レンダリングを回避するにはどうすればよいですか?

テンプレートの時期尚早なレンダリング試行の克服: ヘルパーのメソッドへのアクセス

問題:
テンプレート内の Meteor メソッドにアクセスするにはどうすればよいですかhelper?

解決策:

メソッドが実行される前にテンプレートがレンダリングされるため、サーバー側のメソッドにアクセスしようとするテンプレート ヘルパーが失敗する可能性があるという問題に直面する可能性があります。定義されています。これを解決するには、次の手順を実行します。

1. テンプレート内で作成されたコールバックを利用して、メソッドの結果を保存するリアクティブ変数を定義します。
2. メソッドを呼び出し、そのコールバックを処理します。
3. コールバック時にメソッドの戻り値をリアクティブ変数に設定します。
4. テンプレート ヘルパーで、リアクティブ変数の値にアクセスします。テンプレート インスタンスにアタッチされたこの変数は、メソッドが結果を返すときにヘルパーの再レンダリングをトリガーします。

更新されたコード:

<code class="javascript">// client/myView.js
Template.helloWorld.created = function () {
  var self = this;
  self.myAsyncValue = new ReactiveVar("Waiting for response from server...");
  Meteor.call("getAsyncValue", function (err, asyncValue) {
    if (err) console.log(err);
    else self.myAsyncValue.set(asyncValue);
  });
};

Template.helloWorld.helpers({
  txt: function () {
    return Template.instance().myAsyncValue.get();
  },
});</code>

追加の注意: このソリューションが機能するには、$ meteor add reactive-var を使用して reactive-var パッケージを追加していることを確認してください。

以上がテンプレート ヘルパー内で Meteor メソッドにアクセスし、早期レンダリングを回避するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。