Angulaire 4 + AdminLTE. Treeview-menu ne fonctionne pas

Question

Donc, im travailler dans une plate-forme et im en utilisant Angular 4 et AdminLTE. Après la connexion au tableau de bord, mon menu Treeview ne fonctionne pas. On dirait que ça ne fonctionne que lors du premier chargement après Ng Serve, et pour le redémarrer, j'ai besoin de redémarrer mon service et de rouvrir mon navigateur.

S'il vous plaît aider, je deviens fou avec cela.

(console ne marche pas me montrer une erreur ou quelque chose, je l'ai déjà Jquery installé dans mon projet avec NPM installer jquery, NPM installer @ types/jquery et des trucs comme ça)

Answer 1

Vous devez placer le code CSS d'administration et js fichiers dans le angulaar-cli.json

comme

"styles": [ 
    "styles.css", 
    "./../src/assets/css/AdminLTE.css", 
    "./../src/assets/css/_all-skins.min.css" 
    ], 
    "scripts": [ 
    "./../src/assets/js/adminlte.min.js" 
    ], 

et écrire le code ci-dessous dans la page d'accueil ngOnInit fonction

ngOnInit() { 
$(document).ready(() => { 
    const trees: any = $('[data-widget="tree"]'); 
    trees.tree(); 
});} 

et ul HTML doit être comme ça

<ul class="sidebar-menu" data-widget="tree">