Angular configure es6 syntax

Question

Im trying to get angular google maps to work in my es6 syntax. In es5 it looks like this:

.config(function(uiGmapGoogleMapApiProvider) {
    uiGmapGoogleMapApiProvider.configure({
    //    key: 'your api key',
    v: '3.20',
    libraries: 'weather,geometry,visualization'
});
})

In es6 i did this: But i get that "configure" is not a function.

export default function uiGmapGoogleMapApiProvider() {
uiGmapGoogleMapApiProvider.configure({
    //    key: 'your api key',
    v: '3.20',
    libraries: 'weather,geometry,visualization'
});
}

How would i write it properly in es6? Thanks!

d3l33t · Accepted Answer · 2016-05-23 16:59:53Z

1

You need to inject your dependency.

angular.module('yourApp')
    .config(mapConfig);

mapConfig.$inject = ['uiGmapGoogleMapApiProvider'];

function mapConfig(uiGmapGoogleMapApiProvider) {
    uiGmapGoogleMapApiProvider.configure({
        //    key: 'your api key',
        v: '3.20',
        libraries: 'weather,geometry,visualization'
    });
}

To 'use' es6 i think you mean classes. If you wanted to use a class, use the constructor.

mapConfig.$inject = ['uiGmapGoogleMapApiProvider'];

export default class mapConfig {
    constructor(uiGmapGoogleMapApiProvider) {
        uiGmapGoogleMapApiProvider.configure({
            //    key: 'your api key',
            v: '3.20',
            libraries: 'weather,geometry,visualization'
        });
    }
}

answered May 23, 2016 at 16:59

d3l33t

8906 silver badges10 bronze badges

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

6 Comments

user2952238 Over a year ago

Thank you. But what if i already have one config? The route provider in this case.

d3l33t Over a year ago

you can invoke .config in multiple places. using component based design each component should configure itself.

user2952238 Over a year ago

hm, did not work. it says that $inject is undefined.

user2952238 Over a year ago

the projects is set up sp that i have one file that imports all controllers ans services. that works good. but i cant get the config to work for the map. Here is an example of how i have structured it: jsfiddle.net/c1kos1g5/1 the mapcontroller works and logs "hello".

user2952238 Over a year ago

Any ideas on this @d3l33t

|

Collectives™ on Stack Overflow

Angular configure es6 syntax

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related