問題タブ [ractivejs]

テンプレートを人間が読めない形式に変換するテンプレート パーサーがあることを確認したので、既に解析された PHP からテンプレートを送信する方法を考えました。

一部のテンプレートは非常に大きく、表現がたくさんあります。これにより、パフォーマンスが向上しますか? たとえそれが無視できる要因であっても、ブラウザがテンプレートを再解析するのを防いでくれるでしょうか?

もしそうなら、私は関数を調べて、次のようにそれらの変数が何であるかを理解できるように、それをオーバーロードしようとしました:

しかし、私はそれを過負荷にできませんでした。私がばかであるか、このように行われていないかのどちらかです。関数を PHPに「移植」して、parse事前に解析されたテンプレートをアプリケーションに送信できるようにします。(そして、他の人がこの種のテンプレートを見たときに実際にはそれほど変更できないため、盗難防止に関しては大きなプラスがあります)

standalonePHPに移植できるように、パース関数を手に入れる可能性があるかどうか疑問に思っています。

私は、0.3.9 では正常に機能するが、0.5.5 では機能しない、長くて複雑で少し汚れたテンプレート セットを持っています。「レンダリングされていないフラグメントをレンダリング解除しようとしました」というエラーが表示されます。

私のテンプレートは非常に複雑ですが、0.3.9 では機能するが 0.5.5 では機能しないスライスを再現できました。

これは、0.3.9 で正常に動作する方法です: http://jsfiddle.net/Katio/ujx2e/

0.5.5 のこのテンプレートは、前述のエラーを示しています: http://jsfiddle.net/Katio/W3Lus/

編集1：

Thaylon が Github の Ractive プロジェクトで問題を公開しました: https://github.com/ractivejs/ractive/issues/1003

list array前半を最初の DIV に、後半のリストを 2 番目の DIVに表示する必要があります。リスト配列を 2 つの部分につなぎ合わせて 2 つのリストに表示したくないことに注意してください。

たとえば、ここに私が持っているテンプレートがあります

たとえば、以下のようなデータがある場合

以下のようにレンダリングする必要があります

さらに進めるための提案をお願いします。

以下のようなテンプレートがあります

上記のよう<a href="{{href}}" class="{{class}}">{{linkText}}</a>に、2 回再利用されています。一度定義して、必要なだけ何度でも使用できる解決策はありますか。

テンプレートに入力するときに、RactiveJS に渡すデータ オブジェクトの一部である関数を起動しようとしています。他のライブラリをいくつか試しましたが、探しているものが見つかりません。これが私がやっていることの説明です。誰かが私がやろうとしていることをするためのライブラリを提案できることを願っています.

サービスは、私のアプリケーションに次のような JSON オブジェクトを提供しています

私のテンプレートは正しいようですドキュメンテーションの指示通り

次に、新しい Ractive インスタンスを構築します

問題は、RactiveJS がそのようには機能しないように見えるため、各ユーザーをクリックしても実際には何も起こらないことです。このようなイベントを処理します。

私がやろうとしているactionのは、コントローラーがメソッドの名前を知らずに、渡したデータオブジェクト内の関数をトリガーすることです。テンプレートとデータオブジェクトで指定するだけで十分です。

Ractive は、データ オブジェクトをトラバースするのに十分な情報を提供しますが、これでは十分ではありません。

JSBin の例

RactiveJS はこの仕事に適したライブラリではないでしょうか? 私の検索で私を助けてくれてありがとう。

私のチームは現在、Ractive を使用して一連のアラートを表示しています。各アラート:

• Ractive でビューをレンダリングします
• widgets.js何らかの DOM 操作を行う Twitter を開始します (ツイートを埋め込むため)。
• 後でそのビューのデータを変更する (ユーザーが別のアラートを選択した場合)

Twitter の DOM の変更は Ractive の仮想 DOM に干渉するため、現在、Twitter の終了ractive.reset()後に DOM をリセットするために使用しています。これは、Twitter が Ractive の背後で DOM を操作したために発生するような、大量の DOM の問題を防ぐためのものです。widgets.jsreset()cannot appendChild of null

ただし、ractive.reset()式を実行すると、機能しなくなったようです。

これは、DOM を操作する可能性のある他のライブラリを処理する正しい方法ですか? の後に式を引き続き機能させるにはどうすればよいreset()ですか?

簡単なデモを次に示します。式は の前では機能しますreset()が、その後では機能しないことに注意してください。

そして必須の JSFiddle

私は新しい Ractive.js ユーザーです。

2 つのボタンを作成したいのですが、それらをクリックすると、「アラート」というメッセージが表示されます。ここ に私のページの本文があります

何も起こりませんでした。2 つのスクリプト間で問題が競合している可能性はありますか?