Organizational Research By

Surprising Reserch Topic

understanding dependency injection in angular js


understanding dependency injection in angular js  using -'angularjs'

I was just going through the code of a online reppositoty using angular.js and came across the following example:

<!DOCTYPE html>
<html ng-app="demoapp">
    <head>
        <script src="js/ol.js"></script>
        <script src="js/angular.min.js"></script>
        <script src="js/angular-sanitize.min.js"></script>
        <script src="js/angular-openlayers-directive.js"></script>
        <link rel="stylesheet" href="css/ol.css" />
        <link rel="stylesheet" href="css/angular-openlayers-directive.css" />
        <script>
            var app = angular.module('demoapp', ['openlayers-directive']);
        </script>
    </head>
    <body>
        <openlayers lat="39.92" lon="116.38" zoom="10" height="400" custom-layers="true">
            <ol-marker lat="39.92" lon="116.38" message="Here is Beijing. Dreamful place.">
            </ol-marker>
        </openlayers>
        <h1>Adding a layer with markers with no javascript example</h1>
    </body>
</html>


Now there is the below part:

 var app = angular.module('demoapp', ['openlayers-directive']);


I am not quite sure about, the above line, I read about dependency injection HERE.  But i am not quite sure what is the purpose of the above line ? what is it really doing ?

I have gone though a few online examples that have code like the below:

// Define a new module for our app. The array holds the names of dependencies if any.
var app = angular.module("instantSearch", []);


(See the comment) , Ok but i still don't get what ['openlayers-directive'] , is doing ?
    
asked Oct 19, 2015 by sujata naik
0 votes
4 views



Related Hot Questions



Government Jobs Opening


...