CODEWITHSUNDEEP
htmlangularjs
user3662697
user3662697

Reputation: 147

alert window not working with angular

I have the following code in which I want to display an alert when a button is clicked:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body ng-app>
<button ng-click="alert('test')">Display Text</button>
<script src="angular.min.js"></script>
<script type="text/javascript">document.write("<base href=\"" + document.location + "\" />");</script>
<script type="text/javascript">
    $scope.alert = function(variable) {
        alert(variable);
    };
</script>
</body>
</html>

The console is displaying this as an error: Uncaught ReferenceError: $scope is not defined

Upvotes: 0

Views: 461

Answers (1)

user3662697
user3662697

Reputation: 147

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
    <title></title>
</head>
<body ng-controller="ModelCtrl">
<button ng-click="alert('test')">Display Text</button>
<script src="angular.min.js"></script>
<script type="text/javascript">document.write("<base href=\"" + document.location + "\" />");</script>
<script type="text/javascript">
     var app = angular.module('App', []);
     app.controller('ModelCtrl', function ($scope, $http) {
        $scope.alert = function(variable) {
            alert(variable);
        };
     });
</script>
</body>
</html>

Upvotes: 1

Related Questions