問題タブ [meteor-helper]

起動時にいくつかのテンプレートをロードしました。ページがロードされると、ユーザーは別のテンプレートのコンテンツを定義するいくつかの項目を選択できます。それが私が立ち往生しているところです。

メソッドを呼び出して結果をセッションに保存した後、それを他のテンプレートに送信する方法。

私は Deps.Dependency を見てきましたが、実際には非常に単純であると確信しています。

Turn.js を流星プロジェクトに統合したいのですが、「小さな」問題に遭遇します。

スクリプトは、テンプレートを初めて「ロード」したときにうまく機能しますが、同じテンプレートに遭遇すると機能しません。

ユーザーが最初にテンプレートに遭遇したときにのみスクリプトが実行されたかのようにすべてが進んでいるように見えますが、2回目には起動しません。

いろいろ試してみたのですが、やっぱりハンドルバーのせいだと思いました {{#if}}

Ps : Chrome で 2 回目に読み込まれると、turn.js がスクリプトとして表示されません。

テンプレート イベントに値を渡す方法

HTML

Javascript

私は meteor を初めて使用するので、これらの関数がどのように機能するか、およびどのように使用する必要があるかについての非常に基本的な説明を受け取りたいと思っています。そうでなければ、私が達成したいことにより適した方法があれば、その知識をいただければ幸いです。

私が達成したいと思っていた機能：

特定のユーザーに割り当てられたドキュメント内に数値を含む Mongo コレクションがあります。

ドキュメントから取得した値を使用して width: xx% を「プログレスバー」の css インライン スタイルに設定します。しかし、私が持っている他の用途は、この値が変更されるたびに実行されるある種の「リアクティブ」関数を実行することです。これにより、プログレスバーの現在の値に基づいて、このプログレスバーの背景色を動的に更新できます。低い場合は「赤」、高い場合は「緑」と考えてください。

project.html:

project.js:

上記は時々動作します。しかし、それは信頼できるものではないようで、現在私にとっては機能していません. undefined のプロパティ 'curValue' を読み取れないというエラーが表示されます。オンラインで調査したところ、コレクションが読み込まれる前にこのドキュメントにアクセスしようとしています。しかし、私は本当に直接的な解決策を見つけることができず、そのエラーを回避するためにこれをどのように構築するべきかについて頭を悩ませています。

次の問題は、その値の変化を観察し、変化した場合は背景色を変更する関数を実行することです。

以下は、私が動作させようとした自動実行/監視コードのいくつかのタイプです。

質問/問題を要約するには：

いくつかのインライン css で mongo db ドキュメントの値を使用し、その値の変更も追跡したいと考えています。値が変更されたら、div の背景色を更新する関数を実行したいと考えています。

アップデート

以下の@Ethaanの回答を使用して、コレクションデータのサブスクリプション/テンプレートの使用を修正できました。もう少し掘り下げて、パブリッシュ/サブスクライブ メソッドをより深く理解し、サブスクリプションでコールバックを適切に使用して、コレクションが読み込まれた後の適切なタイミングで Tracker.autorun 関数を実行する方法を学びました。以下の回答を拡張して、ドキュメントの値に基づいて色を更新する関数を実行するリアクティブな Tracker.autorun を含めることができました。

最終的に動作するようになったコードは次のとおりです。

project.js

project.html

私は meteor を初めて使用し、テンプレートのクリック イベントの結果であるクエリの結果を、クリック イベントの後に表示される別のテンプレートに渡す方法を知りたいと思っています。

私はいくつかの改訂を行い、その最初の提案と同様のことをしました。しかし、クエリ結果全体をセッションに入れませんでした。代わりに、選択した ID を配置し、ヘルパーにプロジェクトの詳細を照会させました。しかし、そうしても、望ましい結果は得られません。

{{#with}} .. {{/with}} を使用してこの隕石ヘルパーのクエリ結果を取得しようとしましたが、テンプレートは返された結果のデータを取得していません。

それで、流星jsで {{#with}} スペースバーを使用する適切な方法を誰かが説明できますか。{{#each}} ... {{/each}} を使用してみましたが、完全にデータを取得できます。

Meteor を初めて使用します。Meteor テンプレートの式と等しくない場合、どのように記述すればよいですか。フォローしてみた