<!DOCTYPE html>
<html ng-app=”myApp”>
<head>
<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js”></script>
</head>
<body ng-controller=”myController”>
<h1>AngularJS Demo</h1>
<div ng-init=”message = ‘Hello, Angular!’; count = 0;”>
<p ng-bind=”message”></p>
<p>Count: {{ count }}</p>
<button ng-click=”increment()”>Increment</button>
</div>
<form>
<label>Name:</label>
<input type=”text” ng-model=”name”>
<p ng-bind=”greeting”></p>
</form>
<script>
var app = angular.module(‘myApp’, []);
app.controller(‘myController’, function($scope) {
$scope.increment = function() {
$scope.count++;
};
$scope.$watch(‘name’, function(newVal) {
$scope.greeting = ‘Hello, ‘ + newVal + ‘!’;
});
});
</script>
</body>
</html>
Please follow and like us:
