Thursday, 5 November 2015

Multiple ng-app AngularJs Example

Given example will demonstrate how to use multiple ng-app directives in a single page. Nothing is behind the wall, just bootstrap your model, controller.


    <title>Multiple ng-app='' in angularJs by</title>
    <script src=""></script>


    <div id="div1" ng-app="">
     <input type="text" ng-model="name" maxlength="240"> 
     <span ng-bind="240- name.length + 'rem.'"></span>

    <div id="div2" ng-app="myapp" >
        <div ng-controller="mycontroller">
            <input type="text" ng-model="name" >
            <span ng-bind="name"></span>


        var myapp = angular.module("myapp", [])
        .controller("mycontroller", function($scope) {
            $ = "RajU";
        angular.bootstrap(document.getElementById("div2"), ['myapp']); // initilize myaap module which is not binding by default.