警报窗口为何不显示？

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

<强> P.S。

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

这是正确工作的code