角9材料引导sidenav不隐藏

Question

我是9号角的新手
使用引导程序和mdbootstrap模板
滑出按钮上的sidenav问题，单击它会出现sidenav
但是当我点击叠加时，它并没有隐藏
控制台上没有错误

sidenavComponent.ts

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

declare var $: any;//**********************notice this for $(document).ready()
@Component({
  selector: 'app-sidenav',
  templateUrl: './sidenav.component.html',
  styleUrls: ['./sidenav.component.css']
})
export class SidenavComponent implements OnInit {

  constructor() { }

  ngAfterViewInit(){ //**********************notice this for sidenav
    $(function(){
      $(".button-collapse").sideNav();
    });
  }

  ngOnInit(): void {

  }

}

实际上我有旧的php / jquery网站想要复制相同的模板，在PHP中使用相同的jquery行可以正常工作 $(".button-collapse").sideNav();