問題タブ [ractivejs]

フィールドの値を自動的に変更する大きなフォームを作成するために RactiveJS を使用しています。

たとえば、少しplunkr => http://plnkr.co/edit/eONFQFLl6d2g7gdVcfM6?p=preview

最初の選択を変更すると、2 番目の選択は更新されますが、値は古いままです。私のプロジェクトでは、ちょうど2つの選択はありませんが、さまざまな値を選択すると、多くのオプションと変更がある10になるかもしれません。

実際のオプションですべての値を自動的に更新することは可能ですか?

条件付きでテンプレートを選択しようとしています。私の考えは、各コンポーネントがどのテンプレートを使用すべきかを示す、コンポーネントのリストを持つコンテナー (ビュー) を持つことができるというものでした。

私がやりたいのは、部分宣言が{{template.id}}id というコンポーネント プロパティから解決され、次に部分宣言が解決されることです。

すなわち

#view.componentsそして、ブロックを次のように解決するために積極的に

これ{{>template.id}}は、解決できないことを示していますtemplate.id。これ{{>{{template.id}} }}は、 について何も知らないことを示していtます。

私が使用できる回避策はありますか？

ページに 1 つのルート Ractive があり、仮想のバックボーン ルーターがルートに移動したときに表示されるさまざまなウィジェットがあるとします。

/widget1 に移動すると widget1 が表示され、ルートが /widget2 の場合は widget2 が表示されます。

別のルートRactiveを作成したり、ウィジェットを非表示/表示したりせずに、現在のルートに応じてウィジェットを交換する最良の方法は何ですか? ありがとう。

私は2つのオブジェクトを持っておりresults、headersからheaders生成されています_.keys(result[0])

テーブルを動的に作成する必要があるため、これを作成します。

誰かが空白を埋めるのを手伝ってくれますか. だから私は表示するテーブルを作成することができますcontents

パーツを削除し{{#headers}}、要素が完全に機能することを既に知っている場合<td>{{.head1}}</td>、問題はその場でさまざまなオブジェクトを生成していることです。

id、parentid、およびmessageプロパティを持つアイテムのリストがあります。parentid同じリスト内の他のアイテムを参照します。ネストされたレベルに制限はありません。これをどのように実装しますか？

言い換えれば、これをどのように取るか：

そして、これを次のようにします。

テンプレートでこれを行うためのすばやく簡単な方法はありますか? 配列全体をループせずに、新しい配列を作成してレンダリングしますか?

さらに、何も残らないまで再帰的にレンダリングするテンプレートの最適な実装は何ですか?

Handlebars.js を Ractive.js に置き換えることを考えています。変更はスムーズに見えますが、これは私の最初の問題であり、初心者の質問になる可能性があります.

テーブルを含む Ractive.js テンプレートがあります。テンプレートのテーブルにはいくつかの Bootstrap クラスがあります

このテンプレートを Handlebars.js で使用すると、このjsfiddleでわかるように、表の Bootstrap スタイルが正常に表示されます。

しかし、Ractive.js で同じテンプレートを使用すると、このjsfiddleでわかるようにスタイルが表示されません。

クラスを手動で追加してみました：

成功せずに。非常に単純なものが欠けているに違いありません。

私は何か間違ったことをしていますか？

私のテンプレート

私のjsコード

複数のフィールドを持つフォームがあります。一部はプレーンテキスト用で、一部は高度な選択およびアップロード機能用のプラグインが必要です。

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

• プラグインをアタッチする前に、ractive がテンプレートを解析してレンダリングする必要があるため、わずかな遅延が発生します。
• 2 つ目は、そのようなプラグインが前述のフィールドの周りのマークアップを変更し、そのマークアップが同期していないため、ractive が生成した DOM ツリーで動作しないことです。

この問題を解決するための正しいアプローチは何ですか? すべてのフォーム値をバインドし、そのすべての動作を制御するために ractive を使用したいのですが、現時点ではほとんど不可能に思えます。

私は製品コンフィギュレーターに取り組んでいます。Ractivejs を使用しています。
2 つの問題があります。

1. step1 で option1 をチェックすると、step2 で option1 もチェックされます (なぜですか?)
2. 最初のステップで製品 2 を選択した場合、青色を非表示にする方法が必要です

テンプレート：

Javascript:

私は、クライアント側のすべての JavaScript が TypeScript を使用して作成されている大規模なチーム プロジェクトで ractivejs を使用しています。他の誰かが ractivejs の TypeScript 定義ファイルの必要性に遭遇したかどうか疑問に思っていますか? 返信ありがとうございます。