問題タブ [jsrender]

renderjsRenderテンプレートを呼び出した後、それは消費されているように見えるため、DOMから削除されます。ユーザーの操作に応じてテンプレートを数回レンダリングする必要があるページがあるので、これはイライラします。

2番目のconsole.logは空の配列であり、DOMインスペクターと、jsRenderがスローする例外を使用してテンプレートが存在しないことを確認できます。-Uncaught JsRender Error: Unknown template: "#tpl"テンプレートをDOMに再挿入するには、ページを再ロードする必要があります。

レンダリング間でjsRenderテンプレートを永続化するにはどうすればよいですか？

使用していた自分のバージョンではなく、jsRenderを使用してテンプレートを作成しようとしていますが、次のように表示されます： "Uncaught JsRender Error：Syntax error Unmatched or missing tag：" {{/ for}} "in template： "の後に私のテンプレート全体が続きます。

これが私のコードの切り捨てられたバージョンです、何が起こっているかについてのアイデアはありますか？それとも、ネストされたforループだけですか？

私の配列構造を示すchromeの開発ツールのスクリーンショット：

拡大図のスクリーンショット1：

そして崩壊した：

何が起こっているのかについて何かアイデアはありますか？

編集：言及するのを忘れました、私はジョンパパのコードを使用して外部ファイルからこれをロードしています

編集：デモとコード：

私の配列のChromeの開発ツール出力：

デモ： http： //jsfiddle.net/SO_AMK/3J7AE/

そして、機能するネストされた配列の：

デモ： http： //jsfiddle.net/SO_AMK/Vf8Bq/

私は非常に単純なことをしようとしています - jsRender テンプレートで JSON からブール値をテストします。

JSON データ:

{ ... "追加可能": false, "削除可能": false, "編集可能": true, ... }

テンプレート：

{{if CanEdit === true}} 何かをする {{/if}}

生成された出力には、「DO SOMETHING」は表示されません。JSON データの CanEdit の値は true です。CanEdit === "true"、CanEdit == true、CanEdit == "true" を試しましたが、何も機能しません。

私は何が欠けていますか？

編集これ が私の完全なテンプレートです：

JSON

}

CanEdit、CandDelete に関するロジックを除いて、テンプレートはレンダリングされます。

テンプレート化をあきらめて、サーバー上での HTML のレンダリングに戻ろうとしています。おそらく私がやっていることは複雑すぎるでしょう。おそらく、テンプレートは読み取り専用データにのみ使用する必要があります。

ご協力いただきありがとうございます。

重複の可能性:
handlebarsjs からこの json オブジェクトにアクセスする方法

私はこのjsonファイルを持っています:

これらの属性にアクセスできます

contacts.firstNameしかし、テンプレートからアクセスするにはどうすればよいでしょうか?

シングルページアプリケーションにJsRenderを使用するつもりであり、JsViewsとKnockoutのどちらを使用するかを検討しています。JsViewsはまだベータ版に到達していませんが、速度と機能の点でこれら2つの主な違いは何でしょうか。

ありがとう！

JSRenderを使用してネストされた配列jsonを読み取ることができません

このjsfiddleのコード

私は得ています

エラー：エラー：未定義のプロパティ'person'を読み取ることができません。エラー：未定義のプロパティ'person'を読み取ることができません。

誰かアイデアがありますか？

実行時にテンプレートを JsRender に適用する際に問題があります。

この画像を参照してください -

[モデルの実行] ボタンをクリックすると、コントローラーからデータを取得し、オブジェクト (resultData) 内のクライアント側でキャッシュします。

ハードコードされたテンプレートを使用すると機能します。ここにコードがあります

スタイルのいずれかをクリックすると、動的テンプレートを適用する必要があります。動的テンプレートも取得できます。この画像を確認してください -

以下は、私が適用しようとしている私のコードです-

コードのどこが悪いのか誰か教えてください。ハードコーディングが機能しているときに動的テンプレートが適用されないのはなぜですか。

javascript のスニペットを生成するために、jsrender テンプレートの変数を使用したいのですが、変数<script type="text/javascript">内にa を配置する方法がわかりません。<script id="data-item-tpl" type="text/x-jsrender">

うまくいけば、以下はかなり明確です。以下のコードは、Uncaught SyntaxError. 埋め込みスクリプトからタグを削除すると、テキストとしてページに単純に印刷されます。

以下のコードでは、id 'chartId' で div を生成し、MyChart オブジェクトを介してその div をコンテンツで埋めるスクリプトを生成しようとしています。

jsRenderを使用してJSONデータをレンダリングしようとしています。以下は私のサンプルJSONデータです

序数の位置ではなく、MediaTypeNameに基づいてさまざまな画像をプルしたいと思います。私はこれができることを知っています：

{{：ContentMediaTypeList [1] .Path}}

そして私はこれができることを知っています：

{{for ContentMediaTypeList}} {{if MediaTypeName =='Video'}} {{：Path}} {{/ if}} {{/ for}}

しかし、2番目のアプローチは面倒で無駄に思えます。私がやりたいことは可能ですか？ご協力いただきありがとうございます。

render メソッドがいつ完了したかを判断するための JsRender イベントまたはコールバックはありますか? 結果のドキュメント要素を取得する前に、多数のテンプレートを処理し、それらがすべて完了していることを確認したいと考えています。すべてのレンダリング メソッドは同期的に実行されますか?