无法分配给对象“#<ValidationComponent>”的只读属性“dataChange”

Posted 2023-02-19

【中文标题】无法分配给对象“#<ValidationComponent>”的只读属性“dataChange”

【英文标题】：Cannot assign to read only property 'dataChange' of object '#<ValidationComponent>'

【发布时间】：2017-12-18 22:01:05

【问题描述】：

我正在尝试在 Angular 4 中使用双向绑定。这是我的组件代码：

@Component(
    selector: 'form-validation',
    templateUrl: './form.validation.template.html',
    encapsulation: ViewEncapsulation.None
)

export class ValidationComponent 

    @Input() data;

    @Output dataChange = new EventEmitter();

    //...

但是当我尝试在类似的东西上使用它时：

<form-validation [(data)]="data"></form-validation>

我在 Chrome 的控制台上收到此错误：

Cannot assign to read only property 'dataChange' of object '#<ValidationComponent>'

data 属性是一个特定类型的数组，但即使我通知此类型或初始化该属性，也会发生错误。

【问题讨论】：

不是@Output()而不是@Output吗？

没错！这么愚蠢的错误。谢谢！

【参考方案1】：

为了清楚起见，下面的答案是harry ninh在上面的评论中

应该是@Output() 而不是@Output