2016-05-23 7 views
0

私のes6の構文で動作する角度のGoogleマップを取得しようとしています。Angular configure es6の構文

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

はES6で私はこれをしなかった: はES5では、このようになります。しかし、私は、「configureが」機能ではないことを取得します。

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

私はそれをes6で正しく書きますか?ありがとう!

答えて

1

依存関係を注入する必要があります。

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

mapConfig.$inject = ['uiGmapGoogleMapApiProvider']; 

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

'を使用すると、私はあなたがクラスを意味すると思います。クラスを使用する場合は、コンストラクタを使用します。

mapConfig.$inject = ['uiGmapGoogleMapApiProvider']; 

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

ありがとうございます。しかし、もし私が既に1つの設定を持っていたら?この場合の経路提供者。 – user2952238

+0

複数の場所で.configを呼び出すことができます。コンポーネントベースのデザインを使用すると、各コンポーネントはそれ自体を構成する必要があります。 – d3l33t

+0

hm、動作しませんでした。 $ injectは定義されていないと言います。 – user2952238

関連する問題