ngOnChanges 之后的自定义 ngmodel 绑定答案

【问题标题】：Custom ngmodel binding after ngOnChangesngOnChanges 之后的自定义 ngmodel 绑定
【发布时间】：2017-09-15 03:01:47
【问题描述】：

我正在编写一个使用自定义 ngModel 的自定义 angular2 组件。

我面临的问题是 ngModel 将在另一个绑定之后绑定，例如“@input”。例如，在相同的方法中，我更改了 ngModel 的值和 @input 的值。在子组件内部，我需要处理 ngOnChanges 是否发生任何更改。但这似乎 @input 的值已经改变，但 ngModel 的值仍然是旧值（我需要在这里获取新值进行一些验证）

这是关于 plunker 的演示：

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

等待一些想法。谢谢。

【问题讨论】：

请正确设置链接并将代码的相关部分添加到问题中。
这就是它的工作原理。你在尝试什么？你的解释不清楚。
@Aravind，抱歉我的英语不好。这个想法就像：父组件有 2 个属性“value 和 maxinum（“ngmodel”的值和“@Input”的 maxinum）”，并将它们传递给子组件。之后，同时父组件将更改为将它们传递给子组件。具有 2 个属性的子组件：值和最大值。我使用 ngOnChange 来检测子组件内部的变化。但是 ngOnChange 只是检测到 maxinum (@maxinum) 已经改变，值（对于 Ngmodel）仍然是旧的。请看一下 plunker 链接的内部。
@surai....抱歉给您带来不便。我第一次在 stackoverflow.com 上发帖

标签： angular angular2-directives

【解决方案1】：

您可以在一个地方汇总更改并在那里进行验证。为模型和最大值创建两个主题，将更改推送到那里并组合可观察对象进行验证。

   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)

【讨论】：

这仍然是同样的问题。形成父组件，我以相同的方法更改“最大值”和“值”。所以角度过程的流程是： - 首先调用 ngOnchanges，然后调用“validateHere”方法（基于您的代码） - 其次调用 writeValue，然后再次调用“validateHere”方法（基于您的代码）=>这里的问题是：当调用 ngOnChanges 时，值仍然是旧的（在调用 writeValue 方法之前尚未更新）。所以 validateHere 方法将在没有更新值的情况下运行。