问题标签 [mdbootstrap]

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 投票
2 回答
1916 浏览

php - 如何使用我的标准 Laravel 项目正确设置 MDBootstrap

我正在学习如何使用 Laravel,并且对使用 MDBootstrap 设置网页样式很感兴趣。但是,我对如何正确地将它集成到我的项目中感到困惑。我不想使用 CDN 链接它,而是想将它安装到我的项目中。

有人可以告诉我在基本的 Laravel 项目中实现这一目标的必要步骤吗?

0 投票
1 回答
752 浏览

angular - Angular:从表单外部检查表单是否有效(并显示错误消息)

我有一个表单,但我使用表单外的按钮将数据提交到 API。表单包含必填字段的错误消息,然后显示用户选择输入但不填写任何数据(默认 HTML5 验证)。

由于我实际上并没有提交表单,当用户单击表单外的按钮时,有没有办法显示相同的验证消息?

更新:添加了一些代码来进一步解释这个问题。另外,我忘了提到我正在使用Material Design for Bootstrap作为我的 CSS 框架。

表单 HTML (component.html):

按钮 HTML (component.html):

创建方法(component.ts):

0 投票
0 回答
309 浏览

css - Bootstrap-sass 和 Bootstrap 创建 `Sass::UnitConversionError at / Incompatible units: 'rem' and 'px'.` 错误

我试图在我的 Rails 5.2 应用程序中同时使用Spree(使用bootstrap-sass)和 Material Design Bootstrap(https://mdbootstrap.com/),这种组合会产生一些不幸的错误。

具体来说,当我尝试加载任何页面时,它会抛出这个错误:

在查找此错误时,我看到类似thisthisthis的帖子,这表明将 calc 与 rem 和 px 混合使用时出现错误。但是,它在以下行中被调用vendor/assets/stylesheets/mdb/core/bootstrap/_variables.scss

而且我已经检查了每个相应的变量,它们都没有涉及 px 值。

反过来

最后

我的 gemfile 目前是这样的:

我在我的中有以下导入/要求application.scss

谁能帮我控制这个 sass 错误?在我修复此问题之前,该应用程序完全无法使用,因为错误出现在每个页面上。

0 投票
1 回答
132 浏览

angular - 将 mdbootstrap 集成到 Angular 项目中时出错

我试图将材料设计添加到我的角度项目中。我包括了这些线条

然后我收到以下错误:-

92% 额外的资产处理脚本-webpack-plugin✖ 「wdm」:错误:ENOENT:没有这样的文件或目录,打开 '/Users/ratnabhkumarrai/Desktop/Angular practice/node_modules/hammer.js/hammer.min.js'

0 投票
1 回答
374 浏览

php - 模式未在 ajax 响应中关闭

我正在为我的项目使用 mdbootstrap。我有一个复选框,我调用 ajax 来执行一些任务并从 php 获得响应,1 表示成功,0 表示失败。所以我在ajax调用之前显示模态以显示处理。模态显示但没有关闭 ajax 响应。

这是我的模态代码

我用过 .modal('hide'); 它不适合我。我哪里出错了。

0 投票
3 回答
120 浏览

angular - 隐藏加载器之前的图像加载

我的角度应用程序有问题。我从服务器获取数据,包括图像,并希望在加载完所有内容后隐藏加载器动画。加载器隐藏后,图像也会被加载。

这是我隐藏加载程序的代码:

数据由带有解析器的服务获取。

有谁能够帮我?

谢谢!

0 投票
1 回答
5492 浏览

laravel - Laravel 返回错误后如何显示 Bootstrap 通知/toast (MDBootstrap)

我正在做一个 Instagram 风格的小项目,但具有使用 Larvel 和 MDBootstrap的基本功能。

展示我的设计

我正在制作表格来编辑个人信息。使用Laravel是有效的,我希望当Laravel返回表单错误时,它会在表单页面中显示错误的“Toast 通知”。

这些“toast”通知是通过单击按钮触发的,它们在 HTML 中没有正文,它们可以在您调用它们时使用。

显示“吐司通知”

我可以做些什么来检测错误,触发这个“toast”而无需按下按钮?谢谢

0 投票
0 回答
225 浏览

angular - 多环甜甜圈颜色和图例

我正在尝试用 mdbootstrap 制作一个多环甜甜圈。我的问题是我不清楚数据集/颜色和标签之间的关系。

例如,以下组件代码:

HTML:

组件(TS):

类(TS):

像这样消费:

使用以下有效负载:

{“声明”:4,“活动”:3,“连接”:2}

产生以下结果:

在此处输入图像描述

每个甜甜圈应显示 2 个值,对应于最后一个(右侧)的颜色必须是透明的。目标是让外部甜甜圈充满环,中间的甜甜圈显示较小的部分环,而内部甜甜圈是最小的环。

我不明白为什么传说没有反映正确的颜色以及为什么其中一个被划掉了。

编辑 1:我使用 3 个数据值解决了图例问题。颜色问题依然存在。

0 投票
1 回答
5508 浏览

bootstrap-modal - Angular 7在打字稿中隐藏引导模式

我想在我的打字稿组件中的一个功能中调用 MDBootstrap Modal 的 (click)="basicModal.hide()" 方法。我不知道如何从组件访问此方法。

0 投票
1 回答
696 浏览

bootstrap-4 - 设置所有等高的卡片 (mdbootstrap)

我在我的 Angular 项目中使用 mdbootstrap,所以当我在屏幕上显示多张卡片时,由于卡片图像的高度不同,它们的高度不同,如下面的链接所示:

https://ibb.co/NpqWy7z

这是代码

如您所见,我已经尝试过提供一个 css 类 cardimg 并在其上应用 css

但这仍然不能解决我的问题