如何更改传入的@Input值并发出@Output

问题描述

我知道这个问题与Angular Component Interaction非常相似，但是我的问题有点不同。

我也查看了ExpressionChangedAfterItHasBeenCheckedError错误，但无法解决问题。

我需要的功能是更改传入的输入值并将其发送给父组件。当输入值为empty string时，我想将其更改为null

这是我的代码：

value: string;

@Input('ngModel') 
set ngModel(value: string) {

    if(value == '')
    {
      this.value = null;
      this.ngModelChange.emit(null);
    }
    else
    {
      this.value = value;
    }
}
get ngModel(): string {
    return this.value;
}

@Output('ngModelChange')
ngModelChange: EventEmitter<string> = new EventEmitter<string>()

这将引发以下错误：

AddClassMajorComponent.html:24 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'model: '. Current value: 'model: null'.

我用过ChangeDetectorRef，但是我没成功。

我该如何解决？

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）