ngOnChangesの後のカスタムngmodelバインディング

Question

カスタムngModelを使用してカスタムangle2コンポーネントを作成しています。

私が直面している問題は、ngModelが "@input"のような別のバインディングの後にバインドされることです。たとえば同じメソッドでは、ngModelの値と@inputの値を変更します。子コンポーネント内では、ngOnChangesで何らかの変更が発生した場合は処理する必要があります。

## https://plnkr.co/edit/U6eSZ6GJB6HvHADLyEG2?p=preview ## 

：しかし、それseesmが@inputの値が変更されているが、ngModelの値が古い値である

ここ

がplunkerのデモです（私はいくつかの検証のためにここに新しい値を取得する必要があります）

いくつかのアイデアを待っています。おかげさまで

Answer 1

変更を1か所に集約し、そこで検証を行うことができます。 モデルと最大の2つのサブジェクトを作成し、そこに変更をプッシュし、検証のためにオブザーバブルを結合します。

ngOnChanges(changes: SimpleChanges) { 
     alert("current model " + this.value + "--- current maxinum " + changes.maximum.currentValue); 
     this.maximum$.next(this.maximum); 
    } 

    //From ControlValueAccessor interface 
    writeValue(value: any) { 
    if (value !== this.innerValue) { 
     this.model$.next(value); 
     this.innerValue = value; 
    } 
    } 

    Observable.combineLatest(this.maximum$, this.model$). 
    subscribe(validateHere)