Question

我有一个包含两个组件的主列表应用：usersList和usersMap这两个组件都持有private users变量，从中获取数据服务。

两者都订阅了users-service Users array users data。

此阵列上的每次更改都会导致两个组件呈现并更新其用户变量。

当我创建新用户时，users array会更新，usersList会重新呈现，但是usersMap不是。

我尝试了堆栈上提供的一些解决方案，但它们无法正常工作。例如：Angular2 Observable BehaviorSubject service not working

指向github的链接：https://github.com/TomerOmri/angular-users-map/tree/master/test-app/src/app

UserList组件 https://github.com/TomerOmri/angular-users-map/blob/master/test-app/src/app/userlist/userlist.component.ts
UserMap组件： https://github.com/TomerOmri/angular-users-map/blob/master/test-app/src/app/usersmap/usersmap.component.ts
User服务：

    import { Injectable } from '@angular/core';
    import { Observable } from "rxjs/Observable";
    import { of } from "rxjs/observable/of";
    import { User } from "./user";
    import { USERS } from "./users-mock";
    
    @Injectable()
    export class UserService {
      constructor() { }
      getUsers(): Observable<User[]> {
        var userList = of(USERS);
        return userList;
      }
    
    }

Answer 1

使用以下代码执行任务：

@Injectable()
export class UserService {
  private userList = USERS;
  public users = new BehaviourSubject<any>(userList);
  constructor() { }

  addUser(user): {
    this.userList.push(user);
    this.users.next(this.userList);
  }

现在在两个组件中使用此users属性来获取数据。当你需要添加只是调用addUser方法的服务时。希望它会有所帮助。

'Angular5'服务（rxjs / observable）两个组件呈现问题

1 个答案: