AngularJSで値を展開するカッコを変更する

AngularJS

AngularJSのデフォルトのカッコは以下のとおり、{{}}となっています。この{{}}を別の記号に変更します。Smartyなんかと一緒に使うときに重複して困ってしまいます。

{{hogehoge}}

 

■変更の仕方

例では[[]]で値が展開されるようにしています。

testApp = angular.module('testApp', []);
testApp.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('[[').endSymbol(']]');
});

 

これで、以下の様な指定で値が展開されるようになります。

[[hogehoge]]