Eckige Konfiguration es6 Syntax

Question

Ich versuche, eckige Google Maps in meiner ES6-Syntax zu arbeiten. In ES5 sieht es dies wie:

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

In es6 ich dies tat, aber ich erhalte, dass „konfigurieren“ ist keine Funktion.

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

Wie würde ich es richtig in es6 schreiben? Vielen Dank!

Answer 1

Sie müssen Ihre Abhängigkeit injizieren.

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

mapConfig.$inject = ['uiGmapGoogleMapApiProvider']; 

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

Um 'es6' zu verwenden, denke ich, dass Sie Klassen meinen. Wenn Sie eine Klasse verwenden möchten, verwenden Sie den Konstruktor.

mapConfig.$inject = ['uiGmapGoogleMapApiProvider']; 

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