使用一个框架（materialize-css），它建议我将以下内容放在'$（document）.ready（function（）{}）'中，以获得响应式可折叠菜单：

$(".button-collapse").sideNav();

字符串

**在angular中如何实现？**我知道ngAfterContentInit类似于'*$（document）.ready（function（）{}）'：

ngAfterContentInit(): void {
    //What do I put here?
  }

型
下面你可以看到一个屏幕截图，其中显示了汉堡图标（仅在移动的屏幕尺寸上可见）：
x1c 0d1x的数据
下面是我的html（app.component.html）：

<nav>
  <div class="nav-wrapper">
    <a href="#!" class="brand-logo">Logo</a>
    <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
    <ul class="right hide-on-med-and-down">
      <li><a href="sass.html">Sass</a></li>
      <li><a href="badges.html">Components</a></li>
      <li><a href="collapsible.html">Javascript</a></li>
      <li><a href="mobile.html">Mobile</a></li>
    </ul>
    <ul class="side-nav" id="mobile-demo">
      <li><a href="sass.html">Sass</a></li>
      <li><a href="badges.html">Components</a></li>
      <li><a href="collapsible.html">Javascript</a></li>
      <li><a href="mobile.html">Mobile</a></li>
    </ul>
  </div>
</nav>

型