Question

使用框架（materialize-css），它建议我将以下内容放在＆＃39; $（document）.ready（function（）{}）＆＃39;使响应式可折叠菜单工作：

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

我如何以角度进行此操作？我知道ngAfterContentInit类似于＆＃39; $（文档）.ready（function（）{}）＆＃39;：

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

下面您可以看到一个屏幕截图，其中显示了汉堡图标（仅在移动屏幕尺寸上可见）：Image of my menu

这是我的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>

Answer 1

经过一些研究并在stackoverflow上尝试替代标签后，我找到了完美的答案！

我必须确保安装了jquery，并且angular-cli.json在开始时包含了jquery节点模块引用!!

在我的app.component.ts中，我只需声明＆＃39; $＆＃39;任何一个。

链接到答案： https://stackoverflow.com/a/42295505/7018180

访问和/或操作元素的角度2 /打字稿方式是什么？

1 个答案: