使用不帶「controllerAs」前綴的模板

Question

如果您會看到代碼，您會注意到我將template屬性設置爲{{$.aaa}}。有沒有辦法避免在變量前使用controllerAs前綴，並使用表格{{aaa}}的模板？

(function(){ 
    "use strict"; 

    class Controller { 
     constructor(){ 
      this.aaa = 111; 
     } 

     doSomething(){ 
      alert(this.aaa) 
     } 
    } 

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

    app.directive('any', function() { 
     return { 
      restrict: 'E', 
      controller: Controller, 
      controllerAs: '$', 
      template: '{{$.aaa}}' 
     }; 
    }); 
})(); 

Answer 1

將$ scope注入到您的控制器構造函數中，然後將您的屬性附加到作用域。

class Controller { 
    static $inject = ["$scope"]; 

    constructor($scope) { 
     $scope.aaa = "value"; 
    } 
} 

和：

app.directive('any', function() { 
    return { 
     restrict: 'E', 
     controller: Controller, 
     template: '{{aaa}}' 
    }; 
}); 

在這種情況下， 'AAA'