父子组件交换值使用双向绑定ngModel

思路: 使用[(ngModel)]的方法进行数据传递与双向数据绑定,使得父子组件的值保持一致.

本人比较懒,所以大家请参考这位大佬的博文

https://blog.csdn.net/qq_30101131/article/details/78324389

特别注意的是:

1.子组件需要继承 ControlValueAccessor接口,并且实现ControlValueAccessor的几个方法.

2.在组件的providers添加 

@Component({
    selector: 'jhi-white-board',
    templateUrl: './white-board.component.html',
    styles: [],
    providers: [{
        provide: NG_VALUE_ACCESSOR,
        useExisting: forwardRef(() => WhiteBoardComponent),
        multi: true
    }]
})