問題タブ [ractivejs]

RactiveJS を使用して、検索テキスト ボックスに基づいて div のコンテナーをフィルター処理する方法の例を見つけようとしています。

Ractive を使用してキーが押されたイベントを取得する方法は知っていますが、RactiveJS の方法でモデルをフィルタリングする方法はわかりません。キー押下イベント中にデータのコピー/履歴を保持することは、悪い考えのようです。ここで何が欠けていますか？

タスクはこの投稿と同じ です。リンクのクリックをキャプチャし、ブラウザのデフォルトの動作を防ぎます。そこで出された答えはこうでした。

テンプレート：

JS:

問題は、sayHelloイベント ハンドラーが元のイベントが何であったかを認識できないことです。プロキシの要点は、イベント ハンドラが元のイベントのタイプを気にする必要がないことです。たとえば、リンクをボタンに変更すると、preventDefault.

したがって、私の質問は、イベント プロキシを起動する前または後に preventDefault を呼び出す方法です。

適切な解決策は、複数のイベント プロキシを連続して起動することです (可能であれば)。

テンプレート：

J:

これはどういうわけか可能ですか？または、他の良い解決策はありますか？

init が呼び出されることを除けば、Ractive コンポーネントのライフサイクルがどのようなものかはわかりません。たとえば、いつDOMに直接アクセスしても安全ですか? 人気のあるスパークライン jQuery プラグインを使用しようとしましたが、うまくいきませんでした。代わりにディレクティブを使用すると、ほら、素敵なスパークラインができました。

Ractive でコンポーネントが受け取るイベントとコールバックの種類に関するドキュメントはありますか?

RactiveJS のドキュメントでは、変数が true か false かをテストするためのテンプレートの条件が含まれているだけです...もう少し詳細を作成することは可能ですか?

のようなもの{{#var==1 && var2==2}}HTML CODE{{/var}}？

フォームには多くの可能性があり、条件を作成するために各変数を観察する必要がある場合、それは本当に長くて難しいです...

できない場合は、データバインディングを行うための適切なライブラリを見つけるためのアドバイスをくれる人がいます =)

編集：

さらにテストした後、このコードは問題ないことがわかりました

{{# var1 == '1' || var2 == '2'}}OK{{/}}

しかし、このコードはそうではありません

{{# var1 == '1' && var2 == '2'}}OK{{/}}

普通ですか？

Plunkr => http://plnkr.co/edit/09OwnGzcf9SgJUSEdlC5?p=preview

主にjQueryで書かれた通常のクライアント側アプリがあります。ある特定のページで Ractive を使用していますが、非常に便利です。ただし、Ractive が初期化された後に DOM が再レンダリングされたため、古い jQuery イベントはすべて関連付けられなくなりました。Ractive がレンダリングされた後にイベントを設定しようとしましたが、奇妙な動作が発生し、DOM 要素などが失われました。これらの古い jQuery ハンドラーはどこでセットアップできますか、またはそれは可能ですか? Ractive レンダリングは非同期で行われていますか? その場合、リッスンする必要があるイベントはありますか?

私はもう試した

と

多くのパネルを持つモバイル アプリを構築していますが、(パフォーマンス、メモリ使用、コード サイズ、保守の容易さの点で) パネルごとに 1 つの Ractive インスタンスを使用するのが良い考えなのか、それともパネルごとに 1 つの Ractive インスタンスのみを使用するのが望ましいのかを考えていました。アプリケーション全体に対して 1 つの Ractive インスタンスですか? 保守を容易にするために多くのインスタンスに傾倒していますが、それがパフォーマンスとメモリ使用にどのように影響するかは本当にわかりません.

サーバーとクライアントの両方でhtmlをレンダリングするためにractivejsを使用しています。次のような変数名に基づいて、ページ テンプレートをレンダリングできる ractivejs インスタンスとして 1 つのインデックス ページが必要です。

これは現在、ractivejs で可能ですか?