解決AngularJS和Django模板標籤衝突問題

Django和AngularJS在模板中使用一樣的符號來引用變量，例如 {{variable_name}}。

有兩種解決辦法，各有利弊。一個修改AngularJS模板語法，另外一個使用Django的標籤。

 

1. 修改Django：

使用verbatim標籤，verbatim標籤在Django 1.5之後被加入Django。缺點是使用起來比較囉嗦。

 

2. 更簡潔的解決方案是修改AngularJS的模板語法：

var my_app = angular.module('MyApp').config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('{$');
    $interpolateProvider.endSymbol('$}');
});

如今你能夠區分變量來自server端{{ varname }}, 仍是client端{$ varname $}

缺點是你不能結合第三方的AngularJS使用第三方的指令了。