Closed
Description
Version info
Angular:
17.3.0
Firebase:
AngularFire:
17.1.0
Other (e.g. Ionic/Cordova, Node, browser, operating system):
How to reproduce these conditions
Failing test unit, Stackblitz demonstrating the problem
Steps to set up and reproduce
Sample data and security rules
Debug output
** Errors in the JavaScript console **
** Output from firebase.database().enableLogging(true);
**
** Screenshots **
Expected behavior
Actual behavior
I was trying to implement authgurd provided by Angular Fire but AngularFireAuthgurd is missing declaration.
import { hasCustomClaim, redirectUnauthorizedTo, redirectLoggedInTo } from '@angular/fire/auth-guard';
import { AuthGuard, canActivate } from '@angular/fire/auth-guard';
// const adminOnly = () => hasCustomClaim('admin');
const redirectUnauthorizedToLogin = () => redirectUnauthorizedTo(['/my-login']);
const redirectLoggedInToItems = () => redirectLoggedInTo(['/my-dashboard']);
export const routes: Routes = [
{path: '', component: CadenticHomeComponent, title: 'CADENTIC® - Home'},
{path: my-dashboard', component: CadenticDashboardComponent, title: 'my - Dashboard',canActivate: [AuthGuard], data: { authGuardPipe: redirectLoggedInToItems }},
{path: 'my-login', component: CadenticLoginComponent, title: more - Login' ,canActivate: [AuthGuard], data: { authGuardPipe: redirectUnauthorizedToLogin }},
but if we import AuthGuard from '@angular/fire/auth-guard'; it doesn't work and it doesn't take it to the login page
within app.config.ts I have necessary entries
export const appConfig: ApplicationConfig = {
provideFirebaseApp(() => initializeApp(firebaseConfig)),
provideAuth(() => getAuth()),
provideFirestore(() => getFirestore()),
provideStorage(() => getStorage()),
provideAnalytics(() => getAnalytics()),
provideFunctions(() => getFunctions()),
importProvidersFrom([
AngularFireModule.initializeApp(firebaseConfig),
AngularFireAuthModule,
AngularFirestoreModule,
AngularFireDatabaseModule,
AngularFireAnalyticsModule,
]),
...
};
Metadata
Metadata
Assignees
Labels
No labels