angualr父子组件双向传值 [()]

子组件：
import { Input, Output, EventEmitter } from '@angular/core';

@Component({

  selector: 'child-select',

  templateUrl: './xxxx.component.html',

  styleUrls: ['./xxxxx.component.css'],

  providers: [

  ]

})

export class AppCalendarComponent implements OnInit {

 

  @Input() childValue;

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

 

  changeValue(date: any) {

     this.childValueChange.emit(date);

  }

}

****子组件需要用@Output传递给父组件的childValue后面必须是Change

 

父组件html：

<child-select [(childValue)]="parentValue"></child-select>

 

这样可以在父组件页面使用[()]这种绑定方式获取子组件传递过来的值了，否则还需要自己写个方法接收。