无法分配给对象'#<ValidationComponent>'的只读属性'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属性是一个特定类型的数组,但即使我通知此类型或inicialize属性错误发生.

Answer 1

只是为了说清楚，下面的答案是由Harry ninh在上面的评论中给出的

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