[解決済み】AngularJSとDjangoの組み合わせ - テンプレートタグの衝突
2022-03-28 03:56:13
質問
Djangoと一緒にAngularJSを使いたいのですが、両者とも
{{ }}
をテンプレートタグとして使用します。 2つのうちの1つを他のカスタムテンプレートタグを使用するように変更する簡単な方法はありますか?
解決方法を教えてください。
Angular 1.0では、補間シンボルの設定に$interpolateProvider apisを使用する必要があります。 http://docs.angularjs.org/api/ng.$interpolateProvider .
こんな感じでいいんじゃないでしょうか。
myModule.config(function($interpolateProvider) {
$interpolateProvider.startSymbol('{[{');
$interpolateProvider.endSymbol('}]}');
});
2つのことに留意してください。
- サーバーサイドとクライアントサイドのテンプレートを混在させるのは良いアイデアとは言えず、注意して使用する必要があります。主な問題は、メンテナンス性(読みにくい)とセキュリティ(二重の補間は、新しいセキュリティベクトルを公開する可能性があります - 例えば、サーバーサイドとクライアントサイドのテンプレートのエスケープはそれ自体安全かもしれませんが、それらの組み合わせは安全ではないかもしれません)です。
-
を使用するサードパーティーのディレクティブ(コンポーネント)を使用し始めると、そのディレクティブを使用することができなくなります。
{{ }}
を設定すると、テンプレートが壊れてしまいます。( 修正ペンディング )
1つ目の問題については、警告する以外にはどうしようもありませんが、2つ目の問題については対処する必要があります。
関連
-
[解決済み】JavaScriptで':'(コロン)は何をするのか?
-
[解決済み] React with ES7: Uncaught TypeError: Cannot read property 'state' of undefined [duplicate] (未定義のプロパティ'state'を読み込むことはできません。
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み】JavaScriptで関数が存在するかどうかを確認する方法は?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】フォームコントロールの値アクセサがない
-
[解決済み】SecurityError: オリジンを持つフレームがクロスオリジンフレームにアクセスするのをブロックした
-
[解決済み] テスト
-
[解決済み】React.jsの配列の子要素のユニークキーを理解する
-
[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか?どんなときに推奨されるのか/どんな使用例が考えられるのか?
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】'useState' が定義されていない no-undef React
-
[解決済み】Vueが定義されていない
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする