Angular.jsの中括弧の書き方を変更する

Angular.jsとPHPのフレームワークを併用しようとした時に、{{}}が競合してしまうことがあったので、{{}}以外で使用する方法をメモ。

サンプルコード

{{}}の代わりに[[]]を使うようにしてみます。

HTML

<div ng-controller="Ctrl">
{{data}}
[[data]]
</div>

JavaScript

var app = angular.module('app', []);

app.config(function($interpolateProvider) {
	$interpolateProvider.startSymbol('[[');
	$interpolateProvider.endSymbol(']]');
});

app.controller('Ctrl', ['$scope', function($scope) {
	$scope.data = 'Hello!';
}]);

{{}}ではなく[[]]でバインドされるようになりました。
[[]]に変更するデモページ
　

【参考サイト】

• AngularJS と jinja2 の変数スコープの競合を解決する方法 – Qiita