未调用AngularJS指令链接函数



我一直在编写一个简单的角度指令,以便在用户关闭浏览器时显示警报。

angular.module('myApp').directive("areYouSure", ["$window", function ($window) {
return {
restrict: "E",
link: function() {
alert("I am called");
$window.onbeforeunload = function () {
alert("I am called");
return "are you sure?";
};
}
};
}]);
<div ng-app="myApp">
<areYouSure></areYouSure>

链接函数未被调用。这里少了什么

您应该这样调用指令,

<are-you-sure></are-you-sure>

演示

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

app.directive("areYouSure", ["$window", function ($window) {
return {
restrict: "E",
link: function() {
alert("I am called");
$window.onbeforeunload = function () {
alert("I am called");
return "are you sure?";
};
}
};
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp">
<are-you-sure></are-you-sure>
</body>

最新更新