確定控制器As控制器的語法

Question

ng-controller指令有兩種實例化控制器的方法。香草和controller as語法。控制器如何確定它被調用的方式並相應地調整其行爲？

例如：

<div ng-controller="myController" > 
    <p> {{message}} World </p> 
</div> 

<div ng-controller="myController as myVm"> 
    <p> {{myVm.message}} World </p> 
</div> 

<div ng-controller="myController as otherVm"> 
    <p> {{otherVm.message}} World </p> 
</div> 

我怎樣才能讓我的控制器這項工作？

angular.module("myApp").controller("myController", function($scope) { 

    function usesClassSyntax() { 
     //what do i put here? 
     return true/false 
    }; 

    if (usesClassSyntax()) { 
     var vm = this; 
    } else { 
     var vm = $scope; 
    }; 

    vm.message = "Hello"; 
}); 

Answer 1

通過使用控制器作爲語法我們只是在我們的範圍內創建一個新的變量..

angular.module("myApp").controller("myController", function($scope) { 
 

 
    function usesClassSyntax() { 
 
    //i think this will help 
 
    if (typeof $scope.myVm != 'undefined') 
 
     return true; 
 
    else 
 
     return false 
 
    }; 
 

 
    if (usesClassSyntax()) { 
 
    var vm = this; 
 
    } else { 
 
    var vm = $scope; 
 
    }; 
 

 
    vm.message = "Hello"; 
 
});