Angularjs Examples

AJS Examples


How Automatic Bootstrap the AngularJS Application

In this AngularJS basic example you will learn how automatically bootstrap AngularJS application using ng-app.

Here you can view the output of the example and you can also "try it yourself" by clicking on "Live Demo" button given at the bottom.

Syntax1

var app = angular.module("myApp",[]);
//Automatic bootstrap AngularJS
<html ng-app="myApp">
    <!-- ... -->
</html>

How to Bootstrap the AngularJS Application

<html ng-app="myApp">  
<head> <! -- www.techstrikers.com --> 
<title>My first AngularJS code</title>  
<Script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></Script>  
<script>   
  //Create module
  var app = angular.module("myApp",[]);
  app.controller('myController', ['$scope', function($scope) {    
  $scope.yourProperty = 'This is from controller';     
}]); 
</script>  
</head>  
<body>  
<h1 ng-controller="myController">Message -  {{  yourProperty  }}</h1>  
</body>  
</html>