import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';

@Component({
selector: 'twoway',
template: `
<input [(ngModel)]="username">
<p>Hello {{username}}!</p>
`
})
export class TwoWayComponent implements OnInit {
constructor() { }

usernameValue: string;
@Output() usernameChange = new EventEmitter();

@Input()
get username() {
return this.usernameValue;
}
set username(val) {
this.usernameValue = val;
this.usernameChange.emit(this.usernameValue);
}

ngOnInit() {

}
}

使用時(shí)，就可以通過(guò)[(username)]=“你的當(dāng)前屬性” 進(jìn)行雙向綁定了。屬性名 + 后綴 Change是一個(gè)約定的固定寫法。