問題タブ [client-side-templating]

私はハンドルバーを使用しています {{#each}} これを変換する必要があります:

これに：

ハンドルバー ヘルパーを登録します。

このヘルパーに現在のインデックスを渡す方法は? 私はこのようにしようとしています：

しかし、インスペクターで変数「インデックス」を表示すると、値ではなく「_view.contentIndex」のみが文字列として表示されます。

これを行う簡単な方法があれば、教えてください。

Ember 1.9.1 ハンドルバー 2.0.0

最近、クライアントとサーバーのレンダリング全体に関する非常に興味深い記事を読んでいます。

http://www.onebigfluke.com/2015/01/experimentally-verified-why-client-side.html

http://www.quirksmode.org/blog/archives/2015/01/angular_and_tem.html

http://tomdale.net/2015/02/youre-missing-the-point-of-server-side-rendered-javascript-apps/

クライアント側に関しては、私は少しファンボーイでしたが、これらの記事を読んだ後、驚いたことに、サーバー側のレンダリングを支持するいくつかのポイントが現れ始めました...主なポイントは次のとおりです。

• 1）サーバーはアップグレードできますが、ユーザーのデバイスはアップグレードできません-つまり、サーバーを制御しているため、パフォーマンスが低下している場合は、アップグレード/スケーリングを選択できます. ユーザーにデバイスのアップグレードを強制することはできません。

• 2)最初のペイントと最後のペイント-experimentally verified...上記のリンクでは、ユーザーが最初にページを表示したとき (最初のペイント) と、ユーザーがページを 100% 使用する可能性があるとき (最後のペイント) を示しています。ユーザーがページを見たときに考えられることから、脳が視覚野から前頭皮質、そしてユーザーが実際に指をクリックし始める運動前皮質への信号を処理するのに時間がかかります。もちろん、html が最初にレンダリングされる場合は、バックグラウンドで読み込みが行われている間に脳が処理するもの (js ファイル、バインディングなど) があります。

本当に気になったのは、クライアント側のレンダリングに最大 10 秒の読み込み時間がかかると Twitter が報告したことでした。誰もそれを経験するべきではありません! それは、「十分なデバイスをお持ちでない場合は、申し訳ありませんが、お待ちいただくだけです」と言っているようなものです。

クライアント側とサーバー側の両方のテンプレート エンジンを使用し、クライアントとサーバーの両方で同じテンプレート エンジンとコードを使用する良い方法はありませんか。その場合、レンダリングされたページをクライアントに提供することが恩人であるか、クライアントに自分でレンダリングさせるかを判断するだけです。

いずれにせよ、必要に応じて、私のことわざや記事についての考えを共有してください. ぜひ聞きたいです！

クライアント側のレンダリングが SEO に悪影響を与える理由を知りたいですか? これに関する記事はありますか？サーバーからのデータ レンダリングは既に行われており、JavaScript で必要なように見えるようにするだけの問題ではありません。これは SEO にどのように影響しますか?

ありがとうございました。

Kendo.View 内の配列をループして、要素からプロパティをレンダリングしようとしているだけです。これは、MVC Razor では非常に簡単です。

抜粋を選択するのではなく、ファイル全体を共有しました。

これはすべて実行され、例外はありません。ビューは静的コンテンツをレンダリングしますが、ループのコンテンツをレンダリングしません。をオンにしましevalTemplate = trueたが、まだサイコロがありません。これを行う方法を見つけることができず、気が狂いそうになっています。私が見つけることができるのは、Kendo UI ListView などを接続する方法だけです。その重みは必要ありません。配列を直接ループしたいだけです。

Index.htm (ビュー):

コントローラ：

ホーム仮想マシン:

リンク VM:

私は非常に厳格な会社のセキュリティ ルールを持つプロジェクトに取り組んでいます。つまり、ローカル サーバーを使用して CMS ページを作成することができません。その結果、同社は今でも shtml インクルードなどの古いテクノロジーを利用しています。これは、node.js が視野外であることを意味します。angular.js、handlebars.js、およびクライアント側のテンプレート ソリューションのさまざまな手段を研究してきました。ただし、ほとんどの場合、これらを機能させるために何らかのサードパーティ ツール (ノードの外部) が必要です。フラット ページでのみ CSS/javascript ライブラリの使用が許可されています。

助言がありますか？

そのため、いくつかのオブジェクトをレンダリングするためのテンプレートを使用して、Backbone.js に基づくアプリケーションを構築しています。

それは機能していますが、実行時にオブジェクトを動的に参照する必要があり、javascript を「平坦化」する、私が見たテンプレート ソリューション (アンダースコア、ハンドルバーなど) でそれが可能かどうかはわかりません。

説明するために、オブジェクトのリストがあります。たとえば、タスクとしましょう。私はそのように単純化できるモデルを持っています:

ここで、レンダリングが終了した後、「タスク」オブジェクトを動的に使用する必要があります。たとえば、次のようにします。

もちろん、この方法は機能しません。{{task}}.setComplete(){{task}} はレンダリング時に文字列に変換されるため、どちらも のようなことはしません。

これを行う方法はありますか？

オブジェクトを保持するにはクロージャーが必要だと思っていました。オブジェクトを取得する唯一の方法は、html を平坦化しないことです。それ以外の場合はすべてが文字列に変換されます。

何か案が？ドキュメントに追加できる DOM オブジェクトを直接生成できるテンプレート ライブラリはあるのでしょうか。

前もって感謝します、

XML/XPath をサポートするクライアント側のテンプレート エンジンはありますか? ハンドルバー、口ひげ、アンダースコアなどを調べましたが、コンテキストとして JSON オブジェクトしか受け入れられないようです。

私が本当に探しているのは、式に xpath を含めることです。

データ：

そしてJSコードは次のようになります：

クライアント側またはサーバー側で XML を JSON に変換し、ハンドルバーを使用できることを理解しています。しかし、処理時間を短縮するために、この変換を避けたかっただけです。