ViewChild升级到角度9后无法正常工作

Question

ViewChild是否有变化？升级到Angular 9之后，MatSideNav菜单停止工作。

<a class="rs-p-wp-fix"></a>
        <rs-module-wrap id="rev_slider_2_1_wrapper" da........

HTML

export class SidenavOpenCloseExample implements OnInit, AfterViewInit {
   @ViewChild('menuSide', {read: MatSidenav, static: true}) menuSide: MatSidenav;

   opened: boolean;

   ngOnInit(): void {
       console.log("OnInit: " + this.menuSide);
   }

   ngAfterViewInit() {
     console.log("AfterViewInit: " + this.menuSide);
   }

   toggle() {
      this.menuSide.close();
   }
}

我用这种行为创建了样本 StackBlitz

Answer 1

不，我不认为他们会更改ViewChilds上的任何内容，但我认为您输入错误，应该是：

isid ...

不是：

@ViewChild('sidenav', {read: MatSidenav, static: true}) menuSide: MatSidenav;

由于组件html中没有@ViewChild('menuSide', {read: MatSidenav, static: true}) menuSide: MatSidenav; 。