問題タブ [ractivejs]

ractiveの使い方を学んでいるのですが、問題を解決できません。コードは次のjsfiddleにあります。

私がやっていることの要点は、キューのカウンターです (配列の最後のオブジェクトは現在の人物です): 1. 現在の人のキュー番号を表示するカウンター 2. キューのサイズを表示するカウンター

A) 正しく動作しますが、ロジックが肥大化しているため、B) に示すように別の変数に変換しようとしましたが、まったく更新されません。

キュー変数に変更があったときに監視するオブザーバーをコードに入れました。「現在の人物をスキップ」または「現在の人物を削除」をクリックするたびにアラートが表示されることを期待していますが、ページを初めて読み込んだときにのみアラートが表示されます。

ねえ、私は RactiveJS を少し学んでいて、今のところ本当に気に入っています。私は RequireJS でそれを使用したいと思っていましたが、これを見つけました: https://github.com/Rich-Harris/Ractive/wiki/Using-Ractive-with-RequireJS

ただし、html テンプレートやそのコードの実装方法は表示されません。これは私が今まで持っている最高のものです：

したがって、上記のコードは機能しますが、必要なコードのビットをテンプレートとして明示的に配置する必要があります。

上記のリンクにコードの実例はありますか? または、ractive で require を使用する方法を示す別の例ですが、テンプレート オブジェクトで口ひげをハードコーディングする必要はありません。

すべての助けに感謝します。

ractive.jsでMathJaxを動的に更新しようとしています。

これで、次のコマンドで MathJax のリロードをトリガーできることがわかりました。

だから私はこれをobserveコールバックにバインドしました:

しかし、MathJax をレンダリングしようとすると\begin{equation} {{output}} \end{equation} 、初期値のままになります。

テストケース

奇妙なことは、更新ではなく初期値を取得することです。

何かご意見は？

編集:ネストされたMathJax_MathContainer要素全体を追加しているように見えます.1つの呼び出しごとに1つずつ表示されます。

Peter Krautzberger の提案による JsFiddle デモ-- まだ動作していないようです

親 Ractive の Ractive コンポーネントから作成されたインスタンスにアクセスしたい状況に陥っています。例えば

それを実行すると、myComponent の 3 つのインスタンスが取得されます。ここで、myRactive のメソッド内から任意のコンポーネント インスタンスで uselessFunction を呼び出す方法が必要です (または、すべてのインスタンスでさらに優れています)。

もちろん、これを実現するための回避策はたくさんあります (コンポーネントでオブザーバーを使用してから共有プロパティを変更するなど)。残念ながら、myRactive オブジェクトをふるいにかけた限り、コンポーネント インスタンスへの参照が見つからないようです。1 つあると思われますが、myComponent の teardown() が各コンポーネントに対しても teardown() を呼び出していることを確認できます。

私はRactiveを使い始めており、再利用可能なコンポーネントを作成する方法をよりよく理解したいと思っています。さまざまな状況で使用できる汎用ウィジェットを作成するのは非常に簡単です。私の問題は、多くの場合、アプリケーション内のデータがウィジェットが期待する形にならないことであり、ウィジェットを拡張してアプリケーション固有のものにする方法がわからないことです。

具体的な例として、折れ線グラフをデザインする Ractive コンポーネントを作成しているとします。私はの線に沿って何かをするだろう

のようなテンプレートで

このコンポーネントは次のように使用できます

ここで、実際にそのようなコンポーネントを使用する必要があるとします。おそらく、私のデータは、上記のように 2 要素配列の配列の形にはなりませんpoints。多分私はもっと似たものを持っています

したがって、私がやりたいことはChart、上記の形式でデータを受け入れる、より具体的なアプリケーションを作成することです。変数Chart.extendへの参照は でハードコーディングされているため、 でこれを行う簡単な方法はわかりません。pointschart.html

Backbone のようなフレームワークでは、ビューがネストされているため、内側のウィジェットをより大きなビューにラップし、外側のビューでデータ変換のロジックを定義することができます。ここから Ractive でどのように進めばよいのかよくわかりません。最初から別の方法でウィジェットを設計するべきだったのかもしれません。

より一般的に言えば、私の問題は、Ractive で小さなコンポーネントを作成できることですが、それらをより大きなものに構成する方法がよくわかりません。

Ractive でコンポーネントを特殊化または拡張する慣用的な方法は何ですか? または、多くのコンポーネントを組み合わせてより大きなアプリケーションにしますか?