用ngModel实现我自己的组件

我有下面的HTML,并希望有 myModel 无论何时同步 input 或 my-component 变化。

<input type="text" [(ngModel)]="myModel" />
<my-component [(ngModel)]="myMdoel></my-component>

有什么想法吗?

<div *ngFor="let item of items">
    <input type="text" name="item{{item.name}}" [(ngModel)]="item.name" />
    <my-component [(model)]="item.name" [datasource]="source"></my-component>
</div>

我的组件

<button type="button" *ngFor="let s of datasource" (click)="selectItem(s)">{{s}}</button>

export class MyComponent ... {
    _model: any;

    @Input()
    get model(): any {
        return this._model;
    }

    @Input()
    set model(value: any) {
        this._model = vaue;
    }

    @Output() modelChange: EventEmitter<any> = new EventEmitter<any>();

    @Input() datasource: any[];

    ...

    selectItem(item: any): void {
        this._model = item;
        this.modelChange.emit(this._model);
    }
}