Hello World! In AngularJS

⌚ 🔖 code 

My coworker recently complained to me how hard it was to find a simple “Hello World” program in AngularJS. I did a google search and found that indeed, all the simplest examples still asked the user to set up a bunch of boilerplate, file structure, etc.

Here is the simplest Hello World in AngularJS I could come up with, and it still shows 2 way binding:

<!doctype html>
<html ng-app="helloangular">
    <head>
        <title>Hello Angular!</title>
    </head>
    <body ng-controller="HelloCtrl">
        <p>Hello, {{world}}!</p>
        <input type="text" ng-model="world"/>
    </body>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.7/angular.min.js">
    </script>
    <script>
        var app = angular.module("helloangular", []);
        app.controller('HelloCtrl', [ '$scope', function($scope) {
            $scope.world = "world";
        }]);
    </script>
</html>