【问题标题】:Angular 4 + AdminLTE. Treeview-menu isnt working角 4 + AdminLTE。树视图菜单不起作用
【发布时间】:2017-10-17 21:11:36
【问题描述】:
所以,我在一个平台上工作,我使用 Angular 4 和 AdminLTE。登录仪表板后,我的树形视图菜单不起作用。看起来它只在 Ng Serve 之后的第一次加载时有效,要让它再次工作,我需要重新启动我的 ng serve 并重新打开我的浏览器。
请帮忙,我快疯了。
(控制台没有显示错误或其他东西,我已经在我的项目中安装了 jquery,使用 npm install jquery、npm install @types/jquery 和类似的东西)
【问题讨论】:
标签:
jquery
angular
webpack
adminlte
【解决方案1】:
你需要将admin css和js文件放在angulaar-cli.json中
喜欢
"styles": [
"styles.css",
"./../src/assets/css/AdminLTE.css",
"./../src/assets/css/_all-skins.min.css"
],
"scripts": [
"./../src/assets/js/adminlte.min.js"
],
并在首页ngOnInit函数中编写如下代码
ngOnInit() {
$(document).ready(() => {
const trees: any = $('[data-widget="tree"]');
trees.tree();
});}
而且html ul应该是这样的
<ul class="sidebar-menu" data-widget="tree">