Create the First Angularjs Application

Create the First Angularjs Application is easier to understand when the core ideas are paired with practical examples. The sections below explain the topic clearly, highlight useful steps, and point out details that can prevent common errors.

  src = "D:angular.min.js" > 

 ng-app = "" > . 

Step 3 : Define a model name using ng-model directive.

 Member:  type = "text" ng-model = "ten" > 

Step 4 : Mount the value of the model defined above using the ng-bind directive.

 Please  ng-bind = "ten" > ! 

Steps to run an AngularJS application

Use the steps above to create an HTML page.

testAngularJS.jsp

 Use AngularJS first 

 Cavalier XinChao in AngularJS 
  ng-app = "" > 

 Member:  type = "text" ng-model = "ten" > 

 Please  ng-bind = "ten" > ! 
  src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js" > 
 

Result

Open the XinChao.html page on your browser, enter your name and see the results.

The way AngularJS integrates with HTML

ng-app directive declaration to start an AngularJS application.

Next lesson: Directive in AngularJS