角度2のプロジェクトで新しいfirebaseを使用する正しい方法は何ですか？

この2つのプロジェクトは現在かなり新しくなっています。私は本当に角度2のプロジェクトでfirebase（新しいバージョン）を使う正しい方法が何かを理解することはできません。私は私の構成文字列を入れてください角度2のプロジェクトで新しいfirebaseを使用する正しい方法は何ですか？

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>NewApp</title> 
    <base href="/"> 
    {{#unless environment.production}} 
    <script src="/ember-cli-live-reload.js" type="text/javascript"></script> 
    {{/unless}} 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    </head> 
    <body> 
    <new-app-app>Loading...</new-app-app> 

    {{#each scripts.polyfills}}<script src="{{.}}"></script>{{/each}} 


    <script> 
    System.import('system-config.js').then(function() { 
    System.import('main'); 
    }).catch(console.error.bind(console)); 
    </script> 

    </body> 
</html>

：

だが、これが私の角度2のアプリの私のメインのindex.htmlであるとしましょうか？私はこれを意味します：

<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase.js"></script> 
<script> 
    // Initialize Firebase 
    var config = { 
    apiKey: "", 
    authDomain: "", 
    databaseURL: "", 
    storageBucket: "", 
    }; 
    firebase.initializeApp(config); 
</script>

そして、私は角度コンポーネント内のfirebaseオブジェクトにどのようにアクセスできますか？それをする最善の方法は何ですか？

出典

2016-05-27 gaggina

Angularfire2を使用してFirebaseをAngular2アプリケーションに使用します。

、あなたのアプリケーションブートストラップ時にそれを設定することができますこの方法：

：ライブラリーの構成の詳細については
```
import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2'; 

bootstrap(<MyApp>, [ 
    FIREBASE_PROVIDERS, 
    defaultFirebase('https://<your-firebase-app>.firebaseio.com') 
]); 
```
を、あなたは、このリンクを見ている可能性がありhttps://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md

出典

2016-05-27 14:11:23

したがって、新しいバージョンのanglefireライブラリがあります。 Firebaseのドキュメントの中に、新しいAnger 2で動作しないOLDER anglefireライブラリへのリンクがあるので、私は立ち往生しました！ありがとうございました – gaggina

新しい角度2であなたはRCを意味しますか？ –

はい、RC！ angular 2.0.0-rc.1（私のpackages.jsonから取得） – gaggina

角度2のプロジェクトで新しいfirebaseを使用する正しい方法は何ですか？

答えて

関連する問題