问题标签 [bootstrap-material-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
17512 浏览

angular - 我应该为我的 Angular 6 应用程序使用 Angular Material 还是 Bootstrap Material?

我决定使用 Material Design 创建一个新的 Angular 6 应用程序。问题是使用什么材料库?

正如我所见,其他 Bootstrap Material 库有自己的 Angular 版本以避免使用 JQuery。(https://mdbootstrap.com/angular/

为什么你需要避免它?它是越野车还是难以开发?

Angular 的 MDBootstrap 有免费和付费版本。我不喜欢免费版本,不能使用付费版本。

我真的应该在我的新 Angular 应用程序中使用带有 JQuery 的 Material Design for Bootstrap 吗?

0 投票
1 回答
1071 浏览

jhipster - jhipster 的 UI 库

我想创建一个由很棒的 jhipster 提供支持的丰富的 UI 网络应用程序。我一直在使用默认的 jipster 应用程序,我可以看到它默认使用 ng-bootstrap。

我需要使用高级组件,例如“chips”、“tree”等,这些组件在 ng-bootstrap 中不可用,但在“prime-ng”中可用。所以我做了一点研究,发现 jhipster 中有一个模块用于“primeng”和“Bootstrap Material Design”。我尝试过“prime-ng”,但不太喜欢它,因为在安装过程中它要求主题,我以后不能更改它。

对于“Bootstrap Material Design”,jhipster 模块很旧,我不确定它是否适用于 angular 6 和 jhipster > 5.x。

我的问题是:

  1. 我可以将 “Bootstrap Material Design”与 ng-bootstrap(jhipster 的默认值)一起使用吗?他们之间有什么冲突吗??

  2. 如果我选择“primeng”,如何预览我要安装的主题?可以不用主题安装吗??ng-bootstrap 和 primeng 之间有什么冲突吗?我可以更新主题吗?

  3. Jhipster 是否有其他官方支持的 UI 库?

谢谢

- - 更新 - - -

这是使用 jhipster 模块作为引导材料时的错误

在此处输入图像描述

我试过安装

但同样的错误

- - - - - - - - 更新 - - - - - - - - - -

这是我对primeng的错误。css 有问题。所有按钮看起来都一样。为什么???

在此处输入图像描述

这是我的 vendor.scss 文件:

在此处输入图像描述

0 投票
1 回答
515 浏览

angular - Angular Material 设计引导类未正确显示

我决定在我的应用程序中实现 Angular Material 设计引导程序,但是当我尝试制作简单的导航(我从官方文档中获取示例)时,看起来类没有加载。

我的页面如下所示: 在此处输入图像描述

我的 package.json:

我的 angular.json:

还有我的 app.module:

对于如何实现我在他们网站上使用的教程的所有内容。

0 投票
0 回答
56 浏览

bootstrap-4 - 由于 tild 导入,Material Design bootstrap 4 未编译为 css

我正在使用材料设计引导程序,但是在编译时会引发以下错误

在做什么?我们是否也需要通过 MDB4 安装来安装 bootstrap 4?MDB4 是否也需要 Bootstarp4?任何帮助表示赞赏 任何人都可以请让我知道

0 投票
2 回答
1975 浏览

reactjs - MDBIcon 不在 React App 中显示图标

我正在尝试在我的应用程序中使用 MDB React 表单。我已经使用命令 npm install --save mdbreact 下载了 mdbreact。

下面是代码片段:

但图标未显示且 MDBBtn 颜色不是紫色。任何人,请建议。

0 投票
1 回答
733 浏览

jquery - 材料设计波浪效果不适用于动态创建的按钮

我正在尝试使用 jQuery 的append方法创建按钮。但是,如果我单击它们,由 jQuery 创建的按钮没有波浪效果。我在 HTML 中创建的按钮具有波浪效果。

为什么不一样?如何让 jQuery 创建的按钮也出现波浪效果?

谢谢你的帮助!

0 投票
1 回答
1867 浏览

javascript - reactjs的MDBootstrap表中的模态

我对 reactjs 和材料设计引导程序相当陌生。我正在尝试使用模拟 json 文件将一组数据填充到表中。我确实设法在这方面取得了一定程度的成功。我想在表格行中加入一个模态。这样当我单击该行时,会弹出一个模式弹出窗口。

我将发布我使用的代码。任何帮助将不胜感激。

这是我尝试使用的模拟数据文件。

我也会发图片

表快照

0 投票
1 回答
1254 浏览

reactjs - 基于使用 MDB-reactjs 选择的第一个下拉菜单的下拉菜单

当您在 StackOverflow 中有很多关于基于其他下拉列表的反应下拉列表的示例时,这个问题可能听起来像是一个重复的问题。出于某种奇怪的原因,我无法解决我的代码中的问题。我不太确定这是否由于 MDBract 框架而发生。我对反应也很陌生。伙计们的任何帮助将不胜感激。

我收到的错误是“TypeError:无法读取未定义的属性‘列表’”

如果我的问题听起来很愚蠢,请提前道歉。我是 reactjs 的新手

0 投票
1 回答
277 浏览

reactjs - 在 reactjs 中使用嵌套路由时,路由没有使用后退和前进浏览器按钮响应

大家好,我是 reactjs 的新手,我正在尝试学习 reactjs 路由器。我的仪表板路线发生了这种奇怪的事情。我的 App 组件有两个路由“/login”和“/”

'/login' 显示登录屏幕,'/' 显示主仪表板屏幕。在仪表板中,我有侧导航组件和主要内容组件。我正在尝试在主要组件中嵌套一组路由。当我通过侧面导航组件中的链接导航时,路线工作正常。但是当我尝试在浏览器中单击后退或前进按钮时,它不起作用。我得到一个没有加载任何内容的空白屏幕。

请需要你们的帮助。任何帮助将不胜感激。

请在下面找到代码。

提前感谢您的帮助...

0 投票
0 回答
222 浏览

javascript - 错误:BrowserModule 已加载。在 MDB-Angular 延迟加载中

我在 MDB angular 上创建新项目时遇到了这个问题。我创建了多个模块,例如 public、tutor 和 student 。公共模块不是延迟加载的,而其他模块是延迟加载的。公共模块工作完美。

我想延迟加载除我的公共模块之外的所有模块。但我不知道为什么它向我显示浏览器模块已加载的消息。我已经尝试过多次尝试来解决它。