Angular2 中组件属性变化的可观察

当在 Angular 2 中创建一个通过 @Input 具有输入属性的组件时，如何从对该属性 @Input 所做的更改中获取可观察值（不要与用户表单输入混淆）。

export class ExampleComponent implement OnChanges{
    @Input() userObject: User;

    ngOnChanges(changes: any): void{
        // Validate that its the 'userObject' property first
        this.doStuff()
    }
}

在实践中，我希望将 userObject 的 Observable 更改与其他事物的 Observable 更改合并，以获得流畅的更改反应模式。

export class ExampleComponent implement OnChanges{
    @Input() userObject: User;

    constructor():{
        userObject.valueChanges.subscribe(x=>{ this.doStuff() });
    }
}

我发现BehaviorSubject 类最适合这种情况。您可以使用BehaviorSubject 的，而不是创建单独的后端字段getValue函数在当前值处达到峰值。然后使用支持的BehaviorSubject 来查看变化的可观察值。

export class ExampleComponent{
    private _userObject: BehaviorSubject<User> = new BehaviorSubject<User>(null);

    @Input()
    set userObject(value: User): { this._userObject.next(value); }
    get userObject(): User { return this._userObject.getValue(); }
}