私は何度も何度も新しい要素をページにレンダリングする必要のあるWebアプリケーションを作成しています。 JavaScriptをJavascriptの文字列に入れてHTMLを追加するのは手間がかかります。主に、複数の方法にまたがるときに編集するのが難しいためです。これには最適なソリューションは何ですか?そして、私はJSの "サブエレメント"でいっぱいの巨大なページを持っているように感じるので、このものを整理するための最良の方法は何ですか。javascript文字列で生のHTMLではなくjavascriptテンプレートを使用する方法は?
1
A
答えて
3
膨大な数のJavaScriptテンプレートエンジンが利用可能です。より一般的なもののいくつかが含まれます:オブジェクトを呼び出すことができる関数にテンプレートのテキストをコンパイルすることにより、
ほとんどの作業を補間されるデータを含む。例えば
(使用underscore.js):
var myTemplate = _.template("Hello <%= person %>");
alert(myTemplate({person : "egidra"}));
0
リンクされた.inとテンプレートについては、linkです。
私はjsテンプレートエンジンを使用します。したがって、jsでhtml文字列を使用する必要はありません。テンプレートのドキュメントを見てください。彼らはすべて非常によく使用を説明します。
0
あなたはhttp://handlebarsjs.com/またはhttp://mustache.github.com/ような何かを試すことができます。
関連する問題
- 1. SublimeのJavaScript文字列内でHTMLをシンタックスハイライトする方法
- 2. JavaScriptを使用してhtmlテーブルを文字列に変換する方法
- 3. Javascriptは短くなるブール型テストで文字列を返す
- 4. JavaScriptで文字列の数値を解析する方法は?
- 5. Javascriptで文字列のアポストロフィを置き換える方法は?
- 6. JavaScriptを使って文字列からHTML、HEADタグ、BODYタグ全体をHTMLで削除する方法は?
- 7. djangoテンプレートでフランス語の文字を使用する方法は?
- 8. JavaScriptのリテラル文字列で使用されるエスケープ文字
- 9. javascriptまたはjqueryを使用して文字列からhtmlタグの内容を抽出する方法は?
- 10. netbeansテンプレート文字列のJavaScriptエラー(バッククォート)
- 11. JavaScript文字列でHTMLエンコードされた文字を検索するには?
- 12. このHTML/Javascript/CSSでランダムな文字列を生成していますか?
- 13. Javascriptで文字列を含む部分文字列を文字列に分割する方法は?
- 14. javascriptで文字列(数字)を書式設定する方法
- 15. JavaScriptでHTMLエスケープ文字を使用する
- 16. JavaScriptでプリミティブ文字列(文字列リテラル)を "インスタンス化"する方法
- 17. Regexを使って文字列を生成するのではなく、文字列を生成する
- 18. Javascriptで文字列の文字を処理する最も効率的な方法は何ですか?
- 19. 文字列をjavascriptのUnixタイムスタンプに変換する方法は?
- 20. javascriptの正規表現でUnicode文字グループを使用する方法は?
- 21. JavaScriptでアクセント付きの文字列を検証する方法
- 22. 同じページのJavaScriptにJavascript文字列を渡す方法
- 23. JavaScriptの文字列は、
- 24. javascriptで大文字の関数で配列をマップする方法は?
- 25. JavaScript用の文字列()
- 26. javascriptでHTMLの特殊文字を置き換える方法は?
- 27. ES6でテンプレート文字列をネストする方法は?
- 28. 文字列の検証javascriptで文字列が負ではない
- 29. は...私はJavaScriptを使用してのWebViewにHTML文字列をロードするとき、私はこのようなものを使用し、通常のjavascript
- 30. Javascriptで複数行の文字列をHTMLコンテンツでスタイルする正しい方法は?