Module Injection

Demonstrate module injection

by Nimish Chandola

HTML

<div data-ng-app="myBootstrappingModule">
    <div data-ng-controller="moduleController">
        <input type="text" data-ng-model="controllerModel"></input>
        <div>{{controllerModel}}</div>
        
        <input type="text" data-ng-model="dependentControllerModel"></input>
        <div>{{dependentControllerModel}}</div>
        
    </div>
</div>

JavaScript

angular.module("myDependentModule",[])
.controller("dependentModuleController", function($scope){
    $scope.dependentControllerModel ="My main module fetch this from controller";
});

angular.module("myBootstrappingModule",['myDependentModule'])
.controller("moduleController", function($scope){
    $scope.controllerModel ="My main module fetch this from controller";
    $scope.dependentControllerModel="I am from dependent module";
});