/ / Quelle est la manière angulaire 2 / dactylographiée d'accéder et / ou de manipuler des éléments? - jquery, html, css, angular, tapuscript-typings

Quelle est la manière angulaire 2 / tapuscrit d'accéder et / ou de manipuler des éléments? - jquery, html, css, angular, tapuscript-typings

En utilisant un framework (matérialiser-css), il me suggère de mettre ce qui suit à l'intérieur "$ (document) .ready (fonction () {})"pour que le menu repliable réactif fonctionne:

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

Comment pourrais-je faire cela en angulaire? Je sais que ngAfterContentInit est similaire à "$ (document) .ready (fonction () {})":

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

Ci-dessous, vous pouvez voir une capture d'écran qui montre l'icône du hamburger (qui ne devient visible que sur les tailles d'écran mobiles): Image de mon menu

Voici mon 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>

Réponses:

1 pour la réponse № 1

Après quelques recherches supplémentaires et essayer des balises alternatives sur stackoverflow, j'ai trouvé la réponse parfaite!

Je dois m'assurer que jquery est installé et angular-cli.json a la référence du module de noeud jquery incluse au tout début !!

Dans mon app.component.ts je n'avais qu'à déclarer "$" comme tout.

Lien vers la réponse: https://stackoverflow.com/a/42295505/7018180