Angular NgRoute and leaflet declaration directive

Question

I'm pretty new to Angular, and I'm trying to make a little app for learning.

I use the leaflet directive and want to add the NgRoute directive too but I have some errors in the console.

Here is my code :

var app = angular.module('demoapp', ['leaflet-directive'], ['ngRoute']);
app.controller("toulouseController", [ '$scope', '$http', function($scope, $http) {
  angular.extend($scope, {
    osloCenter: {},
    markers: {},
    defaults: {
      scrollWheelZoom: false
    }
  });

I don't know if I can't declare two directive at the same time...

Thanks for your help!

score 2 · Accepted Answer · answered Oct 02 '17 at 11:59

2

Try this: var app = angular.module('demoapp', ['leaflet-directive', 'ngRoute']); That should work.

answered Oct 02 '17 at 11:59

Kevin van Sonsbeek

81
7

score 2 · Answer 2 · answered Oct 02 '17 at 12:00

As per AngularJS documentation, the syntax of angular.module is

angular.module(name, [requires], [configFn]);

So you should use

angular.module('demoapp', ['leaflet-directive','ngRoute']);
                                 /\
                                 ||
                                 ||
                                 ||
                   All dependencies should be specified in single array.

Angular NgRoute and leaflet declaration directive

2 Answers2