Wie kann ich mithilfe von JavaScript-code, der im Winkel 7?
Ich versuche, mich ein Klapp-Navigationsleiste mit Hilfe der MaterializeCSS beim Einsatz auf Handy-Bildschirm und verwenden müssen, um JavaScript-code in es.
Wo sollte ich schreiben diesem JavaScript-code?
Dies ist der code den ich verwenden möchte:
**$(document).ready(function(){
$('.sidenav').sidenav();
});**
- schreiben Sie die Komponente Datei
Du musst angemeldet sein, um einen Kommentar abzugeben.
Schritt 1: Erstellt einen js-Ordner in den Ordner "assets".
Schritt 2: Erstellt eine neue .js Datei im js Ordner. Aktiva -> js -> example.js
Schritt-3: zusätzliche Pfad der example.js in eckig.json im Skript-array.
Schritt-4: Erklärt der js-Funktion angelegt example.js innerhalb der Komponente.ts-Datei, wo diese Funktion benötigt wird.
Schritt-5: Aus einem Aufruf der angegebenen Funktion innerhalb ngOnInIt().
npm install jquery
npm install materialize-css@next
npm install --save @types/materialize-css @types/jquery
angular.json
und findenscripts
Feldnode_modules/jquery/dist/jquery.min.js
undnode_modules/materialize-css/dist/js/materialize.min.js
im inneren array:declare var jQuery: any;
Beispiel
Können Sie es verwenden, innen
ngOnInit
.angular.json
es gibt 2scripts
Felder.angular.json
erfordern einen Neustart webservice. Also einfach starten und stoppen Winkel wieder. @harshitraghavFinden und öffnen
angular.json
, dann fügen Sie zuprojects.architect.build.options
Objekt nächste Feld und ändern Sie Dateipfad zu Ihrem eigenen:Winkel fügen Ihre eigenen Dateien auf das Ergebnis bauen