<DOCTYPE html> <html> <head> <meta CHARSET="UTF-8"> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> </head> <body ng-app=""> <fieldset> <legend> Single Variables </legend> <div ng-init="name = 'Angular JS'"> Hello {{name}} </div> </fieldset> <fieldset> <legend> Multiple Variables </legend> <div ng-init="first_name = 'Angular';last_name = 'JS'"> Hello {{first_name + ' ' + last_name}} </div> </fieldset> <fieldset> <legend> Model </legend> <div ng-init="model_variable = 'Hello Model'"> <input type="text" ng-model="model_variable" /> Hello {{model_variable}} <div ng-bind="model_variable"></div> </div> </fieldset> <fieldset> <legend> JSON objects </legend> <div ng-init="months={'first':'January', 'last':'December'}"> First Month : {{months.first}} <br/> Last Month : {{months.last}} </div> </fieldset> Hello {{'World'}} </body> </html>