Déclaré en service comme ceci:
public currentDBUserBS$: any;
constructor(private afDb: AngularFireDatabase){}
fetchUser(uid){
this.afDb.object(`users/${uid}`).valueChanges().subscribe((dUser) => {
if (dUser) {
this.currentDBUserBS$ = dUser;
}
});
}
Maintenant essayer d'utiliser dans le modèle
template: `<li *ngIf="(authService.currentDBUserBS$ | async)?.role=='admin'"> Something </li>`
La pile d'erreur:
ERROR Error: InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'
at invalidPipeArgumentError (common.js:4219)
at AsyncPipe._selectStrategy (common.js:5630)
at AsyncPipe._subscribe (common.js:5612)
at AsyncPipe.transform (common.js:5586)
at Object.View_AppNavigatorComponent_0._co [as updateDirectives] (AppNavigatorComponent.html:40)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:14339)
at checkAndUpdateView (core.js:13508)
at callViewAction (core.js:13858)
at execComponentViewsAction (core.js:13790)
at checkAndUpdateView (core.js:13514)
Vous donnez à currentDBUserBS$
l'objet que vous extrayez de Firebase et non l'observable. Si vous voulez le faire de cette façon, vous devez supprimer le | async
dans votre modèle.
Cependant, vous pouvez faire ce qui suit:
fetchUser(uid){
this.currentDBUserBS$ = this.afDb.object(`users/${uid}`).valueChanges();
}
.valueChanges()
vous donne un observable et se mettra à jour automatiquement quand une nouvelle valeur est émise ou une valeur existante est modifiée.
Vous essayez de passer d'un tableau à un tube asynchrone au lieu d'un observable. Supprimez simplement le canal asynchrone ou attribuez observable à currentDBUserBS $.