Angular ng-app directive Example

Syntax of The ng-app directive

 
...
...Something
  content inside the root element for the AngularJS app's.
...Something
...

Example 1 : The ng-app directive

    <title>Example of The ng-app directive</title>
    <a href="https://infinityknow.com/libs/angular.min.js">https://infinityknow.com/libs/angular.min.js</a>


    <h1>Example of The ng-app directive</h1>
<div>
	{{8/8}}
</div>
<div id="simplemydiv">
	{{9/2}}
	<div>
		{{25/3}}

	</div>
</div>
<div>
	{{4/6}}
</div> 

Example 2 : ng-app with App Module

    <title>Example of ng-app with App Module</title>
    <a href="https://infinityknow.com/libs/angular.min.js">https://infinityknow.com/libs/angular.min.js</a>


    <h1>Example of The ng-app directive</h1>
<div>
	{{8/8}}
</div>
<div id="simplemydiv">
	{{9/2}}
	<div>
		{{25/3}}

	</div>
</div>
<div>
	{{4/6}}
</div> 

        var app = angular.module('myFirstApp', []);

Example 3 : AngularJS Multiple ng-app within a page

    <title>AngularJS Multiple ng-app within a page</title>
    <a href="https://infinityknow.com/libs/angular.min.js">https://infinityknow.com/libs/angular.min.js</a>


    <h1>Example of The ng-app directive</h1>
<div id="App1">
  <h1>Your order</h1>
  <div>
    <span>{{item.product_name}}</span>
    <span>{{item.price | currency}}</span>
    <button>Remove</button>
  </div>
</div>

<div id="Appmodule2">
  <h1>List of username</h1>
  <div>
    <p>{{_name.username}}</p>
  </div>
</div>

var purchaseCartModule = angular.module("purchaseCart", [])
purchaseCartModule.controller("purchaseCartController",
  function($scope) {
    $scope.items = [{
      product_name: "www.infinityknow.com",
      price: 950000
    }, {
      product_name: "www.infinityknow.com",
      price: 890005
    }, {
      product_name: "www.w3free.blogspot.com",
      price: 598695
    }];
    $scope.remove = function(index) {
      $scope.items.splice(index, 1);
    }
  }
);
var usernameModule = angular.module("usernameList", [])
usernameModule.controller("clientnameCtrl",
  function($scope) {
    $scope.username = [{
      username: "Dhaval"
    }, {
      username: "Krunal"
    }];
  }
);
angular.bootstrap(document.getElementById("Appmodule2"), ['usernameList']);