在角度2项目中使用新火力架的正确方法是什么?

时间:2016-05-27 14:08:22

标签: angular firebase

这两个项目目前还很新。我无法确定使用带有角度2项目的firebase(较新版本)的正确方法。

假设这是我的angular 2 app的主要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>

我在哪里放置配置字符串?我是说这个:

function activerSupressionMultiple(){
	var aptitudesASupprimer = jQuery('#suppressionMultiAptitudes input:checked');
	var nbrAptitudesPresentes = jQuery('#suppressionMultiAptitudes input:checkbox').length;
  		var nbrItem = aptitudesASupprimer.length;
	if( nbrItem == nbrAptitudesPresentes)
		jQuery('#link1').removeAttr('href');
    else if (nbrItem == 0) 
        jQuery('#link2').removeAttr('href');
    else {
        jQuery('#link1').attr('href', '#');
        jQuery('#link2').attr('href', '#'); 
    };
};

function selectionnerToutesLesAptitudes() {
	jQuery('#suppressionMultiAptitudes input[type=checkbox]').prop('checked', true );
	activerSupressionMultiple();
};

我如何在角度组件中访问firebase对象?这样做的最佳方式是什么?

1 个答案:

答案 0 :(得分:2)

我会使用Angularfire2将Firebase用于Angular2应用程序。

通过这种方式,您可以在引导应用程序时对其进行配置:

import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2';

bootstrap(<MyApp>, [
  FIREBASE_PROVIDERS,
  defaultFirebase('https://<your-firebase-app>.firebaseio.com')
]);

有关库配置的更多详细信息,您可以查看以下链接: