【问题标题】:Sidebar nav don't work with angular and materialize css侧边栏导航不适用于角度和物化 css
【发布时间】:2019-12-02 20:01:29
【问题描述】:

我从 Angular 开始,我想使用 SidebarNav 和 Dropdown 来设置实用且响应迅速的菜单,但它不起作用。

我通过 CLI 安装并配置了 angular2-materializema​​terialize-css

我创建了一个名为“Navbar”的组件来包含菜单并执行以下过程:

app.module.ts

import 'materialize-css';
// import * as M from 'materialize-css/dist/js/materialize';
import { MaterializeModule } from 'angular2-materialize';

@NgModule({
  // ... ,
  imports: [
    // ... ,
    // M,
    MaterializeModule
  ],
})

但他一直返回此错误:

未捕获的错误:在窗口上找不到 Materialize 对象。它是 由 materialize-css 库创建。请导入materialize-css 在导入 angular2-materialize 之前。

很遗憾,我在论坛中找到的解决方案对我没有用。

【问题讨论】:

    标签: javascript angular typescript materialize


    【解决方案1】:

    angular2-materialize 使用物化版本“0.100.2”。在您的 package.json 中,将 materialize-css 更改为“^0.100.2”。 然后运行 ​​npm install。

    【讨论】:

    • 嘿眉毛!有用!!!!您的解决方案纠正了问题,但导航栏无法正常工作。 @ClovisIgnacioFerreira
    • 你能提供一个这样的 stackblitz 例子吗? link
    • 课程!!!!链接 ===> stackblitz.com/edit/angular-rneeus
    • 需要安装hammer和hammerjs。您可以通过在依赖项选项卡中键入此内容来执行此操作。
    • 并且还在main.ts中添加import:import 'hammerjs';
    猜你喜欢
    • 2021-11-25
    • 2015-12-03
    • 1970-01-01
    • 2016-10-28
    • 2014-07-03
    • 2018-03-22
    • 2018-04-05
    • 2020-05-09
    • 1970-01-01
    相关资源
    最近更新 更多