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!';
}]);

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

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年3月
 12
3456789
10111213141516
17181920212223
24252627282930
31