/ / Was ist die eckige 2 / Schreibweise, um auf Elemente zuzugreifen und / oder diese zu manipulieren? - jquery, html, css, eckig, Typoskript-Typisierungen

Was ist der eckige 2 / typscript Weg um auf Elemente zuzugreifen und / oder zu manipulieren? - jquery, html, css, eckig, typescript-typings

Unter Verwendung eines Frameworks (materialise-css) empfiehlt es sich, folgendes einzubauen "$ (document) .ready (function () {})"um das responsive reduzierbare Menü zum Laufen zu bringen:

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

Wie würde ich das im Winkel machen? Ich weiß, dass ngAfterContentInit ähnlich ist wie "$ (document) .ready (function () {})":

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

Unten sehen Sie einen Screenshot, der das Hamburger-Symbol zeigt (das nur auf mobilen Bildschirmgrößen sichtbar wird): Bild von meinem Menü

Hier ist mein 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>

Antworten:

1 für die Antwort № 1

Nach einigen Nachforschungen und dem Ausprobieren alternativer Tags für Stackoverflow habe ich die perfekte Antwort gefunden!

Ich muss sicherstellen, dass jquery installiert ist und dass angle-cli.json die Referenz für das jquery-Knotenmodul zu Beginn enthält !!

In meiner app.component.ts musste ich nur "$" als "any" deklarieren.

Link zur Antwort: https://stackoverflow.com/a/42295505/7018180