import { Component , ApplicationRef } from '@angular/core' ; import { AngularFireAnalytics } from '@angular/fire/analytics' ; import { FirebaseApp } from '@angular/fire' ; import { AngularFireDatabase } from '@angular/fire/database' ; import { AngularFireAuth } from '@angular/fire/auth' ; import { AngularFirestore } from '@angular/fire/firestore' ; import { AngularFireStorage } from '@angular/fire/storage' ; import { AngularFireMessaging } from '@angular/fire/messaging' ; import { AngularFireFunctions } from '@angular/fire/functions' ; import { AngularFirePerformance } from '@angular/fire/performance' ; import { canActivate , loggedIn } from '@angular/fire/auth-guard' ; import { AngularFireRemoteConfig } from '@angular/fire/remote-config' ; import 'firebase/database' ; import 'firebase/firestore' ; import 'firebase/storage' ; @ Component ( { selector : 'app-root' , templateUrl : './app.component.html' , styleUrls : [ './app.component.css' ] } ) export class AppComponent { title = 'ng8' ; constructor ( private readonly analytics , private readonly app , private readonly db , private readonly auth , private readonly afStore , private readonly storage , private readonly messaging , private readonly functions , private readonly performance , private readonly remoteConfig , private readonly appRef ) { const authArgs = canActivate ( ( ) => loggedIn ) ; console . log ( analytics , app , db , auth , afStore , storage , messaging , functions , remoteConfig , performance , authArgs ) ; appRef . isStable . subscribe ( it => console . log ( 'isStable' , it ) ) ; } }