javascript - 更改 Angulars 语法不起作用

Question

我一直在尝试更改 Angular 的语法，以便可以将它与 Handlebars 一起使用，但它似乎不起作用。我认为它可以看到 //demo.label// 因为它似乎没有在网页上显示它，但它也没有将示例文本放在标签内。任何有关我做错的事情的帮助将不胜感激。

         <script>
            var customInterpolationApp = angular.module('customInterpolationApp', []);

            customInterpolationApp.config(function($interpolateProvider) {
                $interpolateProvider.startSymbol('//');
                $interpolateProvider.endSymbol('//');
            });


            customInterpolationApp.controller('DemoController', function() {
                this.label = "This binding is brought you by // interpolation symbols.";
            });
        </script>

<div ng-app="customInterpolationApp" ng-controller="DemoController">
    //demo.label//
</div>

Answer 1

您没有在 html 中使用 controller as 语法。您还必须定义 Controller 的别名，例如:ng-controller="DemoController as demo"

演示:

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

customInterpolationApp.config(function($interpolateProvider) {
  $interpolateProvider.startSymbol('//');
  $interpolateProvider.endSymbol('//');
});


customInterpolationApp.controller('DemoController', function() {
  this.label = "This binding is brought you by // interpolation symbols.";
});

<script src="https://code.angularjs.org/1.5.2/angular.js"></script>
<div ng-app="customInterpolationApp" ng-controller="DemoController as demo">
  //demo.label//
</div>