angular - 无法分配给对象“#”的只读属性“dataChange”'

Question

我正在尝试在 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属性是特定类型的数组，但即使我通知此类型或初始化该属性，也会发生错误。

Answer 1

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

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