django templateのplaceholderとangular.jsのplaceholderが衝突しないようにする方法

デフォルトではどちらのplaceholderも以下の様な形式なので衝突する。

{{foo}}

これを衝突しないようにangular.js側の設定を書き換える。

var myApp = angular.module("MyApp");

myApp.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('{$');
    $interpolateProvider.endSymbol('$}');
});

このようにするとangular.js側のplaceholderが以下の様になる

{$foo$}

今度は衝突しない。