12,673
回編集
差分
ナビゲーションに移動
検索に移動
編集の要約なし
==[[AngularJS x Django]]==
[[AngularJS]] | [[Django]] |
===テンプレートの共存させたい===
*Djangoのテンプレートと、AngularJSのテンプレートを共存させたいDjangoのテンプレートと、[[AngularJS]]のテンプレートを共存させたい
*テンプレートタグの衝突
** {% verbatim %} ～ {% endverbatim % } の間は Djangoテンプレートの展開は無効になる[[Django]]テンプレートの展開は無効になる
<!DOCTYPE html>
<html ng-app>
{% endverbatim %}
{% if DEBUG %}
<script type="text/javascript" src="{{ STATIC_URL STATIC_U[[R]]L }}js/angularjs/1.3.15/angular.min.js"></script>
{% else %}
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
</html>
*crsfトークンの利用
** {% csrf_token %} を設定したうえで、DjangoのCSRFトークンを送信するようにconfigで設定するを設定したうえで、[[Django]]のCSRFトークンを送信するようにconfigで設定する*https://docs.angularjs.org/api/ng/providerpro[[vi]]der/$httpProviderhttpPro[[vi]]der
*http://django-docs-ja.readthedocs.org/en/latest/ref/contrib/csrf.html
app.config(['$httpProvider', function ($httpProvider) {
$httpProvider.defaults.xsrfHeaderName xsrf[[Header]]Name = 'X-CSRFToken'; $httpProvider.defaults.xsrfCookieName xsrf[[Cookie]]Name = 'csrftoken';
}]);
© 2006 矢木浩人
