| ページ一覧 | ブログ | twitter |　 書式 | 書式(表) |

MyMemoWiki

AngularJS x Django

提供: MyMemoWiki
2020年2月16日 (日) 04:22時点におけるPiroto (トーク | 投稿記録)による版
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

AngularJS x Django

AngularJS | Django |

テンプレートの共存させたい

  • Djangoのテンプレートと、AngularJSのテンプレートを共存させたい
  • テンプレートタグの衝突
    • {% verbatim %} ～ {% endverbatim % } の間は Djangoテンプレートの展開は無効になる
  1. <!DOCTYPE html>
  2. <html ng-app>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>PhraseIt.info</title>
  6.  
  7. </head>
  8. <body>
  9.     {% csrf_token %}
  10.     {% verbatim %}
  11.     <h1>テンプレート:'PhraseIt.info'</h1>
  12.  
  13.     {% endverbatim %}
  14.     {% if DEBUG %}
  15.     <script type="text/javascript" src="{{ STATIC_URL }}js/angularjs/1.3.15/angular.min.js"></script>
  16.     {% else %}
  17.     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
  18.     {% endif %}
  19. </body>
  20. </html>
  1. app.config(['$httpProvider', function ($httpProvider) {
  2.     $httpProvider.defaults.xsrfHeaderName = 'X-CSRFToken';
  3.     $httpProvider.defaults.xsrfCookieName = 'csrftoken';
  4. }]);
「https://www.typea.info/tips_/index.php?title=AngularJS_x_Django&oldid=5720」から取得

© 2006 矢木浩人