問題タブ [client-side-templating]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

100 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
897 参照

jquery - ネストされた json に基づく JavaScript ドロップダウンの構築

json オブジェクトから html を作成しようとしています。私のjsonは次の構造になります。

この json から、プロパティ IsDropDown と 1 つのアンカー リンク (IsDropDown == false) をチェックして、2 つのドロップダウンを作成する必要があります。プロパティ オブジェクト (Property1) の長さは固定されておらず、プロパティ内のネストされたオブジェクトも固定されていないことに注意してください。したがって、これを解決できるテンプレートが 1 つ以上必要です。

上記の json 出力から、値 Drp1Value1、DrpValue2 で構成される最初のドロップダウンと、値 Drp2Value1 および DrpValue2 で構成される 2 番目のドロップダウンのような 2 つのドロップダウンのようになります。IsDropDown が false の場合は、json オブジェクトから href を使用してアンカー タグを作成します (上記の json 2 ドロップダウンからそれぞれ 2 つの値を指定し、アンカー タグを作成する必要があります)。

サードパーティの API からのものであるため、json 構造を変更する方法はありません。どのテンプレート枠作品でも可能ですか？jTemplate と mustache.js を試しましたが、できませんでした。

0 投票する
2 に答える
1853 参照

javascript - スクリプトタグ属性-javascript

テンプレートの基本を理解しようとしていますが、次のような問題があります。IDHTMLコードのタグにorまたは/およびtype属性を付けようとすると<script>、機能しません。

私はこれをchrome/firefox / IE9 / Operaで実行しましたが、<script>タグ間のコードを解析するものはありませんでした。ブラウザは、それが単なるテキストフィールドであると考えています。属性を削除するIDと、type再び正しく解析されます。

私はおそらく非常に基本的なものが欠けています...

0 投票する
1 に答える
2627 参照

node.js - ディレクトリ内のjavascriptファイルをノードuglify+watchとマージしますか？

ゴール：

クライアント側のテンプレート開発のための簡単なワークフローを構築しようとしています。

Doc Root：

で始めます/views/uncompiled/

/views/uncompiled/index.htmlこれは、たとえば、私がものを構築できる場所です。

dust.jsテンプレートを作成しているので、dusterjsを使用しているので、ディレクトリ内の変更をリッスンし、コンパイルされた対応物をディレクトリ内/views/uncompiled/に自動的にレンダリングします。*.js/static/js/compiled/

したがって、変更が保存/views/uncompiled/index.htmlされるたびにレンダリングされます。/static/js/compiled/index.js

問題：

私layout.htmlは大きくなっています。*.js別のテンプレートを追加するたびに、新しいスクリプトを含める必要があります。

解決：

フォルダで別の時計を使用すると、そのフォルダの内容が変更されたときに常に含まれる単一の時計に/static/js/compiled/自動的に連結されます。*.jsapp.js<head>

質問：

圧縮も行うUglify.jsのような連結ツールを使用したいと思います。

0 投票する
3 に答える
5443 参照

javascript - Dust.js で数値と日付をフォーマットする (linkedin-fork)

Dust.js テンプレート内で数値、通貨、または日付の値をフォーマットするにはどうすればよいですか?

データ：

テンプレート：

このように：（moment.jsを使用）

または、いくつかの価格値を丸めます*

データ: { 価格: 56.23423425 }

テンプレート：

価格: {price.toFixed(2)}

0 投票する
3 に答える
222 参照

jquery - jQueryを使用して配置されたHTMLテンプレートを取得するきれいな方法はありますか?

Nicholas Zaka の著書 'Maintainable JavaScript' に基づいて、私のページに小さな HTML テンプレートを配置する最善の方法は、次のようなものを追加することだと理解しています。

<body>テンプレートを に配置して css を使用して非表示にするよりも、このアプローチの方が気に入っています。

私が現在jQueryでそれらをつかんでいる方法は次のとおりです。

私が試したもののうまくいかなかったのは次のとおりです。

私が今持っている解決策はうまくいきますが、私にはあまりエレガントではないようです。これを行う最良の方法は何ですか？

0 投票する
2 に答える
48 参照

javascript - html/javascript: 通常の html のテンプレート オプション

プロジェクトを django からフラスコ API バックエンド + backbone.js フロントエンドに変換する

{% include %}HTML をよりモジュール化するために、HTML でオプションを実行できるのは良かったです。つまり、個別の navbar.html、base.html などを分離することができました。

Web フレームワークがなく、HTML / JS でフロントエンドを構築している場合に、この同じ構造を簡単に再作成する方法はありますか?

0 投票する
1 に答える
1113 参照

data-binding - How to use a javascript function inside a dust.js template?

I'm using dust.js to do a client side templating. I would like to use a javascript function in my template, the function would get it's argument during templating i.e

Ex:

In this case, both the template and json-data are sent from server and templating happens on client side.

In the above example, I would get the 'id' from json data and want to display the name of user corresponding to that id.

I'm new to templating. I would like to know how this can be done using dust.js.

Thank you :)


12345678910