angularjs中自定义绑定标签

在使用ng的过程中,默认的绑定符号是 \{\{ng变量\}\},但有时候会与其他插件的一些模版符号冲突,因此我们需要自定义ng渲染的符号,能不能将 \{\{ng变量\}\} 替换成 [[ng变量]] 或者 {[ng变量]},答案是肯定的, 主要是利用 $interpolateProvider内置服务 修改标识符。代码如下所示

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<body ng-app="MyModule">
<form id="form1" runat="server">
<div>
<div ng-controller="main">
[[test]]
</div>
</div>
</form>
<script type="text/javascript">
angular.module('MyModule', []).config(['$interpolateProvider', function ($interpolateProvider) {

angular.bootstrap(document.documentElement,

[function ($interpolateProvider) {

$interpolateProvider.startSymbol('[[');

$interpolateProvider.endSymbol(']]');

}]);

}]);
function main($scope, $http) {
$scope.test = "aaaa";
}
</script>

</body>