ngClick指令上的$ window

Question

爲什麼這不起作用？

由於角度表達式無法訪問window對象，因此我使用了$window，但以下操作不起作用。

<button ng-click="$window.alert('Hi There')">Hi There</button> 

角度表述沒有獲得像 窗口，文檔或位置的全局變量。這個限制是有意的。它可以防止意外進入全球的狀態 - 一個常見的來源 微妙的錯誤。

Answer 1

您只能通過範圍調用你的控制器服務（這是分離的模板非UI邏輯的想法）

見How to call a service function in AngularJS ng-click (or ng-change, ...)?

$窗口是一種服務，而像其他不直接與視圖相關的服務，它們在模板中不可訪問。

angular.module('app').controller('Controller', 
    ['$scope', '$window', function($scope, $window) { 
     $scope.alert=$window.alert 
}]); 

Answer 2

模板只能訪問放在其$scope上的變量。如果您需要使用模板訪問$window上的任何內容，則需要將$window注入控制器，並將其分配給$scope。

例如

angular.module('app').controller('Controller', 
    ['$scope', '$window', function($scope, $window) { 
     $scope.$window = $window; 
}]); 

正如評論指出的那樣，你可能不希望整個$window包裝暴露在你的模板，以便更好的方法是使用一個輔助功能上$scope。

ng-click="greet('Hi There')" 

angular.module('app').controller('Controller', 
    ['$scope', '$window', function($scope, $window) { 
     $scope.greet = function(message) { 
      $window.alert(message); 
     }; 
}]);