Условная логика Angularfire в шаблоне с наблюдаемой задержкой authState при отображении шаблона
NullPointerException s - исключения, возникающие при попытке использовать ссылку, которая указывает на отсутствие местоположения в памяти (null), как если бы она ссылалась на объект. Вызов метода по нулевой ссылке или попытка получить доступ к полю нулевой ссылки вызовет функцию NullPointerException. Они наиболее распространены, но другие способы перечислены на странице NullPointerException javadoc.
Вероятно, самый быстрый пример кода, который я мог бы придумать для иллюстрации NullPointerException, be:
public class Example {
public static void main(String[] args) {
Object obj = null;
obj.hashCode();
}
}
В первой строке внутри main я явно устанавливаю ссылку Object obj равной null. Это означает, что у меня есть ссылка, но она не указывает на какой-либо объект. После этого я пытаюсь обработать ссылку так, как если бы она указывала на объект, вызывая метод на нем. Это приводит к NullPointerException, потому что нет кода для выполнения в местоположении, на которое указывает ссылка.
(Это техничность, но я думаю, что она упоминает: ссылка, которая указывает на null, равна 't то же, что и указатель C, указывающий на недопустимую ячейку памяти. Нулевой указатель буквально не указывает на в любом месте , который отличается от указаний на местоположение, которое оказывается недопустимым.)
1 ответ
В сервис аутентификации добавьте тему, на которую компоненты могут подписаться, и дождитесь некоторого ответа.
import { Injectable } from '@angular/core';
import { Observable, Subject } from 'rxjs';
@Injectable()
export class AuthService {
userAccessSubject = new Subject();
user$: Observable<User>;
constructor(private afAuth: AngularFireAuth, private afs:
AngularFirestore) {
this.afAuth.authState.pipe(
switchMap(user => {
if (user) {
this.userAccessSubject.next(this.afs.doc<User>(`users/${user.uid}`).valueChanges());
} else {
this.userAccessSubject.next(null);
}
})
)
}
getUserAccess() {
return this.userAccessSubject.asObservable();
}
}
А в компоненте получите userAccess из блока подписки
constructor() {
// Here add code to enable loader
this.authService.getUserAccess()
.subscribe(userAccessResponse => {
this.userAccess = userAccessResponse;
// Hide loader
})
}