directive in angularjs does not show?

Question

I am playing around with a directive in an angular js application. This is a fragment of my directive:

(function() {
    var gMaps = function($timeout, $q, GeoCoder, mockdataService) {
      return {
        restrict: 'EA',
        template: '<div class="gmaps"></div>',
        replace: true,
        link: function postLink(scope, iElement, iAttrs) {

..

In my index.html I have the directive:

 <gMaps center="map.center" zoom="map.zoom"></gMaps>

When I debug in the console it does not even hit the gmaps.js file? There are no visible errors in the console. What could be wrong? this is a url for the plunkr: http://plnkr.co/edit/fEsaE9XpgmKFqO194X4G?p=preview

artur grzesiak · Accepted Answer · 2014-05-01 11:18:47Z

2

Change:

<gMaps center="map.center" zoom="map.zoom"></gMaps>

To:

<g-maps center="map.center" zoom="map.zoom"></g-maps>

EDITED PLNKR

answered May 1, 2014 at 11:18

artur grzesiak

20.9k5 gold badges49 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

directive in angularjs does not show?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related