angular - 在 ViewChild 方法调用期间角度绑定属性不可用

Question

我有一个 Angular2 视图，它调用子组件上的一个方法来在视图加载期间对其进行初始化。子组件绑定到我想在方法调用期间访问的父组件上的一个属性；但是，由于某种原因，直到调用完成后才会填充它。这个 plunker演示了这个问题。

export class ParentComponent implements OnInit {
  @ViewChild('child')
  child: ChildComponent;

  message: string;

  ngOnInit() {
    this.message = "Set by parent";
    this.child.onParentInvoke();
  }
}

export class ChildComponent implements OnInit {

  @Input()
  message: string;
  callProperty: string;

  onParentInvoke() {
    //I want the message property to be populated here
    this.callProperty = this.message;
  }

  ngOnInit() {

  }
}

父模板：

<div>This is parent</div>
<div>Message: {{message}}</div>
<child #child [message]="message"></child>

子模板：

<div>This is child</div>
<div>Message during method call: {{callProperty}}</div>
<div>Message: {{message}}</div>

谁能告诉我为什么该属性在此阶段未绑定，以及我可以做些什么来确保在方法调用期间填充它？

Answer 1

编辑：保罗泰勒评论后的解决方案：

export class ParentComponent implements OnInit {
  @ViewChild('child')
  child: ChildComponent;

  message: string;

  constructor(
      private ref: ChangeDetectorRef,
  ) { }

   ngOnInit() {
    this.message = "Set by parent";
    this.ref.detectChanges();
    this.child.onParentInvoke();
  }
}