AngularJS Hello World
Here is a simple “hello world” example made with AngularJS which shows the model, view and controller parts of an AngularJS app:
Example
<!DOCTYPE html>
<html ng-app="appname">
<head>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<!-- DOM element for JS controller logic -->
<div ng-controller="appCtrl">
<!-- This is view -->
<p>{{greeting.text}}, world</p> <!-- Getting value of greetings text key -->
<!-- Ending view -->
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
<script>
var appname = angular.module('appname', []); // getting appname from ng-app from HTML tag
appname.controller('appCtrl', ['$scope', // getting app controller HTML portion
function($scope) { // in the controller scope defining a function
$scope.greeting = { text: 'Hello' }; //setting text parameter to Hello
}]);
</script>
</html>
Output
Hello, world
