如果互联网可用,我必须显示一条弹出消息,以便在单击页面正文中的任意位置时显示网络连接。使用 JavaScript,我们可以通过使用 addeventlister 来完成此操作,如下所示。
但是我如何实现这一目标呢?
document.body.addEventListener("click", function(){
alert("hello");
});
最佳答案
在 AngularJS 中执行此操作的一种方法是使用 ng-click 指令。基本上,您将警报和网络状态检查代码封装在页面 Controller 的作用域方法中。
app.controller('mainCtrl', function($scope) {
$scope.message = 'Click the button';
$scope.showMessage = function() {
// Simple example that doesn't check network status or
// display anything of real value other than verifying
// that a click anywhere on the page will invoke this method
alert('hello');
}
});
完成此操作后,您将把 ng-click="showMessage"
指令放置在您想要附加事件监听器的元素上。在此示例中,我使用了整个 body 。
<body ng-controller="mainCtrl" ng-click="showMessage()">
<h1>Hello Plunker!</h1>
<p>Click anywhere</p>
</body>
关于javascript - 如何使用 AngularJS 在单击正文内的任意位置时显示弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37235199/