为什么不显示警报窗口？

Question

我尝试在我的 angularjs 项目中弹出警报窗口。

这里是plunker

这是视图中的按钮：

 <input type="button" ng-click="fireOnExpand()" value="alert"/>

这是控制器中弹出警报窗口的功能：

  $scope.fireOnExpand = function(){
     $window.alert("eee");
  }

但是当我点击警报按钮时，我没有看到警报窗口。

知道为什么不显示弹出窗口吗？

Answer 1

你需要注入依赖$window如下

app.controller('MainCtrl', function($scope,$window) {

   $scope.fireOnExpand = function(){
     $window.alert("eee");
  }
});

这是demo

或者，只需使用alert('eee');

$scope.fireOnExpand = function(){
     alert("eee");
  }

这是demo

附言

添加$window 后没有显示警报窗口的主要原因是，该按钮超出了ng-controller 的范围。

这是正确工作的code