問題タブ [riot.js]

大好きな riot js ですが、次のコード例のページで「Hello 0」が増加しないのはなぜですか? また、現時点での回避策は何ですか?

オブザーバブルが機能する方法と、マウントされたタグから参照を取得する方法を正しく理解しているかどうかはよくわかりません。コンポーネントがあります。このコンポーネント内には、componentとcomponentがあります。目的は、コンポーネント間の結合を避けることです。そのため、検索が完了したとき (ボタンがクリックされたとき) に検索コンポーネントがイベントをトリガーするようにしたいと考えています。このイベントは、検索に基づいてコレクション データをフィルタリングするコンポーネントによってキャッチされる必要があります。

index.html ファイルは、次を使用してタグをロードします。

index.html

ページは次のように定義されています。

page.js

コンポーネント スクリプトは、次のように簡単に定義されます。

search.js

そのイベントをコンポーネントに監視させるにはどうすればよいですか?

page.jsのsearch タグとcollection タグから参照を取得できるはずです。そうすることで、次のようにイベントを接続できます。

今、私はそれをそのように機能させることはできません。

実行時点では、searchComponent と collectionComponent は定義されていません。

これらのコンポーネントをマウントする代わりにthis.searchTagandthis.collectionTagを使用して参照を取得しようとしましたが、コードの実行時にコンポーネントがマウントされていないため、それらへの参照を取得できません。

それを機能させるためのアイデアはありますか？

Riot を使用したサーバー側のレンダリングに問題があります。

ハンドラーで、foo オブジェクトを bar タグに渡します。これは、次のようなものです。

これは私のシンプルな bar タグのコピーです:

ブラウザで関連するパスを指定すると、「TEST」は表示されますが、foo は表示されません。私の console.log(foo) は問題なく動作します。

この作業要素 sans-js から始めます: http://jsfiddle.net/37z1z7g1/

星の 1 つをクリックすると、選択された星の数の「値」が保持されることに注意してください (星 4 をクリックすると、マウス フォーカスが失われた後も最初の 4 つの星が選択されたままになります)。

これは、スターがクリックされたときに実行される js ロジックを追加すると、最終的に次のようになります (JSFiddle の目的で、親関数への呼び出しを console.log に置き換えました): http://jsfiddle.net/0u5oLyp5 /

[一緒に

各ラベル要素に追加]

ここには2つの問題があります：

1) https://muut.com/riotjsのガイドのすべての例とは対照的に、「update(e)」宣言の前に function という単語を置いたことに注意してください。それから私は得る

関数を宣言するだけでなく、「e」がまだ定義されていないときに、ページの読み込み時に関数を実行しているように見えるためです。これは奇妙だと思いましたが、どこが間違っているのかわかりません。

2) 更新関数の最後に「true を返す」(デフォルト イベントを再度有効にする) がありますが、星をクリックしても、マウス フォーカスを失ったときに青色で強調表示された選択が保持されなくなりました。各ラベル要素から「onclick='{ update }'」を削除するとすぐに、選択が再び機能するようになるため、デフォルトのイベント ハンドラーを正常にトリガーできないという問題があるように見えます。

私がどこで間違っているのかについて、誰かがいくつかの指針を提供できますか?

riot.js のサーバー側レンダリングを利用して、Google スパイダーが読み取ることができる静的な HTML ページを作成しようとしています。基本的な例が機能していますが、サーバーでレンダリングするときにさまざまなファイルからタグを動的にロードする方法を理解しようとしています。

各タグ ファイルを「要求」すれば機能することは理解していますが、システムがメインのタグ ファイルから必要なタグを検出して見つける方法が必要です。

たとえば、「home.tag」に保存されている次のタグがあるとします。

「home.tag」が必要な場合、「foo.tag」ファイルと「bar.tag」ファイルを個別に必要とせずに自動的に含める方がよいと思います。どんな助けでも大歓迎ですありがとう！

暴動.js 2.2

riot.jsの公式サイトのガイドによると、次のようなものを呼び出す必要があります

ここで、tagは特定のリスナーのインスタンスです。

しかし、すべてのタグのイベントをトリガーするにはどうすればよいですか? この問題に対する riot.js の実装はありますか、それとも (すべてのリスナー インスタンスを保持することによって) 手動で解決する必要がありますか?

私は riot js の経験があまりありません。私が作成したタグの階層は次のようになります

ここで、変数 (JSON を含む) を "tag-3" に渡す必要があり、その変数を更新するたびに "tag-3" を更新するにはどうすればよいですか。現在、「tag-3」のようにマウントしています

ここで、「comm」は変数であり、マウント変数「comm」がタグ「tag-3」でアクセスできない後、未定義と表示されます。別のこととして、各タグhtmlは個別の「.tag」にあり、そのタグ内で他のタグを呼び出しています。「tag-1.tag」ファイルでは「tag-2」が呼び出され、「tag-2.tag」では「tag-2」が呼び出されますファイル「tag-3」を呼び出し、「tag-2.tag」ファイルに「tag-3」をマウントしています

どうやってやるの ？

グローバル名前空間で宣言された関数を Riot.js の式から呼び出そうとしています。

これは動作しません：

(moment.js から)グローバル関数を呼び出すことができます。moment()

この関数を含む JavaScript ファイル全体が読み込まれます...そこから getDateString() を呼び出すと、次のように機能this.on('mount')します。

名前空間が Riot.js でどのように機能するかをよく理解していないため、式では getDateString() の呼び出しが失敗し、マウント関数では成功する理由がわかりません。誰かが私が間違っていることを教えてもらえますか?