html - 父组件中的子属性不会更新

Question

我正在尝试访问子属性 menuType。到目前为止，我有一些代码，但不知何故，父组件没有更新属性及其子组件。

这是我的方法：

家长：

import {AfterViewInit, Component, OnInit, ViewChild} from '@angular/core';
import { MenuHeaderComponent } from './menu-header/menu-header.component';

@Component({
  selector: 'app-menu',
  templateUrl: './menu.component.html',
  styleUrls: ['./menu.component.scss']
})
export class MenuComponent implements OnInit, AfterViewInit {
  @ViewChild(MenuHeaderComponent) menuTypeDetail: MenuHeaderComponent;
  menuType: number;

  constructor() { }

  ngAfterViewInit(): void {
    this.getChildProperty();
  }

  getChildProperty(): void {
    this.menuType = this.menuTypeDetail.menuType;
  }

  ngOnInit() {
  }

}

孩子：

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

@Component({
  selector: 'app-menu-header',
  templateUrl: './menu-header.component.html',
  styleUrls: ['./menu-header.component.scss']
})
export class MenuHeaderComponent implements OnInit {

  menuType = 3;

  menuClicked(type): void {
    this.menuType = type;
  }

  constructor() { }

  ngOnInit() {
  }

}

标签： htmlangulartypescript