角度を変更する構文が機能しません

Question

角度の構文を変更しようとしていますので、ハンドルバーと併用することはできますが、動作していないようです。 //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という構文が使用されていません。あなたが好きなだけでなく、あなたのコントローラの別名を定義する必要があります。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>