How do I show Alert in AngularJS?

Gaurav Kumar Arora
4y
124.3k
0
2

Blog

Alert is a part of 'window' (an object of a Browser), which is a global variable.

In Javascript we can use simply

alert('Javascript Alert!');

But, it could create issues of conflicting while using in AngularJS (as it is a Global variable). So, we can't use directly 'window' to show alert in AngularJS.

To resolve the same we should use '$window' so, it would be overriden during other operations viz. testing or mocking.

Lets take an example, where we need to show an alert message as per input provided by user (with some default inout). Here is snippet:

angular.module("angularAlert", [])
.controller("myController", [
"$scope", "$window", ($scope, $window) => {
$scope.angularAlert = "This is an AngularJS alert!";
$scope.clickMe = angularAlert => {
$window.alert(angularAlert);
};
}
]);

In above, we just created an angular module 'angularAlert' and named controller 'myController' here we are just using angular service '$window', which give us the ability to interact with browser's window.

Lets create an html page so, we can play with angularJS alert: