7

我正在尝试在我的 LoginService 中实现isLoggedIn类型的布尔值BehaviorSubject以及 getter 和 setter 函数，以将值作为 Observable 获取/通过其 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););
  }
}
4

1 回答 1

8

当您使用 TypeScriptgetter/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);

  }
}
于 2016-10-07T13:21:12.397 回答