angularjs

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>