Как реализовать BehaviorSubject с getter и setter в Angular 2

Question

Я пытаюсь реализовать в моем LoginService a isLoggedIn логическое значение типа BehaviorSubject вместе с функциями getter и setter, чтобы получить значение в качестве наблюдаемого/правильно установить переменную через его BehaviorSubject. Это работает, однако он вызывает две ошибки в TSLint о «Тип не назначаемый» и «Идентификатор сублицензии». Каким будет правильный способ определить его без жалобы TSLint.

Это урезанная версия указанной выше кода:

@Injectable() 
export class LoginService { 
    public isLoggedInSource = new BehaviorSubject<boolean>(false); 
    public isLoggedIn: Observable<boolean> = this.isLoggedInSource.asObservable(); // Duplicate identifier 'isLoggedIn'. 

    constructor(private http: Http) {} 

    set isLoggedIn(logged): void { // Duplicate identifier 'isLoggedIn'. 
    this.isLoggedInSource.next(logged); 
    } 

    get isLoggedIn(): Observable<boolean> { // Duplicate identifier 'isLoggedIn'. 
    return this.isLoggedInSource.asObservable(); 
    } 

    logout() { 
    this.isLoggedIn = false; // Type 'boolean' is not assignable to type 'Observable<boolean>'. 
    } 

    login(body) { 
    return this.http.post('/login', body) 
     .map(res => { 
       if (res.token) { 
        this.isLoggedIn = true; // Type 'boolean' is not assignable to type 'Observable<boolean>'. 
       } 
       return res; 
       }) 
     .catch(err => Observable.throw(err);); 
    } 
} 

Answer 1

При использовании машинописи getter/setter, вы должны переименовать свою собственность, так что имя свойства должно отличаться от getters/setters имени.

Кроме того, вы можете изменить свой код, установив behaviorSubject в качестве частного члена вашей службы и просто выставляете Observable.

@Injectable() 
export class LoginService { 

    private isLoggedInSource = new BehaviorSubject<boolean>(false); 

    public _isLoggedIn: Observable<boolean> = this.isLoggedInSource.asObservable(); 

    constructor() {} 

    set isLoggedIn(logged: boolean) { 
    this.isLoggedInSource.next(logged); 
    } 

    get isLoggedIn() { 
    return this._isLoggedIn; 
    } 

    logout() { 
    this.isLoggedIn = false; 
    } 

    login() { 
    this.isLoggedIn = true; 
    } 

} 

И вы будете иметь возможность слушать изменения в компоненте:

export class App { 
    constructor(private loginService: LoginService) { 

    loginService.isLoggedIn.subscribe(bool => console.log(bool)); 

    //Wait and simulate a login 
    setTimeout(() => { 
     loginService.login(); 
    }, 1200); 

    } 
}