如何更改 Observable 对象的属性。 Angular 2/行为主题

Question

我有一个 Person 类型的对象，其中包含 firstName、lastName、age 字段。我使用行为主题检测任何变化。我有一个观察组件，它订阅了此 Person 对象上的每个更改。一旦检测到变化，观察组件就会调用一个方法。我想让这个方法改变 Observable Person 对象的属性。

为我服务

export class PersonService {

    personToCopySource = new BehaviorSubject<Person>(null);
    personToCopy = this.personToCopySource.asObservable();

在我的组件中

 export class ObservingComponent {

    constructor(public person: Person) {}

    ngOnInit(){
      this.personService.person.subscribe(
         data=> {
           this.updateMethod()
          }
      )
    }

   updateMethod(){
     this.personService.firstName = 'updated First Name';
   }

当我更改 Observing 对象的属性时，我得到了这个错误。 Observable 类型上不存在“属性”firstName

Answer 1

observable 是一个流。它没有属性。你想让我做什么？你想把你自己的价值放在流上，更新firstName吗？在这种情况下，你可以试试Subject#next。

export class PersonService {

  personToCopySource = new BehaviorSubject<Person>(null);
  personToCopy = this.personToCopySource.asObservable();

  // Provide a method to update a person,
  // by putting a new or updated person on the stream.
  update(person: Person) { 
    this.personToCopySource.next(person); 
  }

在我的组件中

export class ObservingComponent {

    constructor(public person: Person) {}

    ngOnInit(){
        this.personService.personToCopy.subscribe(
            data=> {
                this.updateMethod(data)
            })
    }

    updateMethod(data){
        this.personService.update({...data, firstName: 'updated First Name'});
    }