问题标签 [material-components-web]

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 投票
1 回答
592 浏览

material-components - 如何取消监听 MDCDialog 事件

我有一个听的小功能MDCDialog:closing

问题是,每次我运行这个函数时,它都会添加一个新的监听器。
所以,一旦我完成使用它,我需要删除这个相同的侦听器。

到目前为止,这就是我所做的:

你碰巧知道怎么用unlisten吗?

我不知道如何在文档中使用它:
https ://material.io/develop/web/components/dialogs/
https://pub.dev/documentation/mdc_web/latest/mdc_web/MDCComponent/unlisten。 html

0 投票
0 回答
249 浏览

material-components-web - (material-components-web) 如何更改 google material 主题的背景颜色?

我在更改 Google 的 Material Design 主题的默认颜色时遇到问题。主要和次要颜色已更改,但背景和表面颜色没有更改。我已在此处附上我的代码以供参考。任何线索将不胜感激。提前致谢。

0 投票
0 回答
168 浏览

material-components - 如何重置 MDCchipset 中的所有芯片

我目前正在使用 MDCChipSet 并在其中使用一堆过滤器芯片,所有这些都在一个表单中。我希望能够重置表格并重置表格上的所有芯片。

这是问题的代码。

你可以看到当你点击芯片,然后点击复位,芯片停止工作。

我还注意到,如果您将 MDCChip 附加到它们,则选择芯片根本不起作用,如下所示:

**编辑

出于某种原因,正在从元素中删除 MDCChipSet。所以重置后如果你重新连接它,它可以工作,但我不知道为什么。所以任何帮助将不胜感激:

0 投票
2 回答
521 浏览

mdc-components - 从按钮打开 MDCMenu

我想用 MDCTopAppBar 中的按钮打开一个 MDCMenu。该文档缺少如何执行此操作的示例代码。所以我试图通过 EventListener 来做到这一点。如果有更顺畅的方法,请告诉我。

EvenListener 抱怨 MDCMenu 没有定义。

menu 在这里被定义为全局常量。控制台或这个 EventListener 怎么可能不知道呢?

单击该按钮会在控制台中触发以下操作:

导入似乎有问题。但是 EvenListener 只是引用实例,而不是类。我不明白为什么它甚至需要 MDCMenu ......

0 投票
2 回答
869 浏览

reactjs - 从 mdc 复选框中移除涟漪效应

我正在尝试从角度材料复选框中删除这种涟漪效应,因为我有一个很长的列表,并且我希望列表行尽可能接近,涟漪与其他复选框重叠。

当前代码是:

通过检查@material/checkbox(版本3.2.0),我看到有一个mixin

我不确定如何使用,因为当我包含它时,它就不起作用。有没有办法通过某个类来消除我在图书馆中忽略的涟漪?

0 投票
2 回答
980 浏览

angular - 材质图像列表错误:@import "@material/feature-targeting/functions";

我想在我的 Angular 项目中使用 mdc-image-list。我收到一个错误:

我按照这里的安装步骤https://material.io/develop/web/components/image-lists/但我仍然收到此错误。我尝试删除node_modules并再次安装 npm。我不确定我的 sass-loader 是否有问题,因为我使用了 Material 的 Layout Grid,已导入@import "@material/layout-grid/mdc-layout-grid";并且工作正常。会出什么问题?

0 投票
1 回答
83 浏览

progressive-web-apps - 在 PWA 中离线使用 MDC Web 需要下载什么?

我想在 PWA 离线中使用 MDC Web ( https://material-components.github.io/material-components-web-catalog/#/ )。

我应该下载什么?官方文档在哪里?

0 投票
1 回答
393 浏览

javascript - MDC - 无法初始化文本输入

我正在使用 MDC 设置文本输入,但是当我使用 JS 进行初始化时,会出现以下错误: 错误

这是我的代码:

你能帮助我吗?谢谢

0 投票
5 回答
2004 浏览

html - 如何更改复选框背景颜色?

我将Material.io用于我的 UI 并创建一个复选框:

像这样:

https://material-components.github.io/material-components-web-catalog/#/component/checkbox

如何将复选框背景更改为其他颜色,例如红色?

0 投票
1 回答
476 浏览

sass - 如何使用 mixins 设置 mdc-icon-button 的密度?

我对使用 sass 很陌生,并且在为Material.io 的图标按钮使用 mixin 时遇到了一些麻烦。
我链接的页面描述了使用density($density-scale)mixin,但我似乎无法弄清楚如何使用它。入门指南展示了如何使用 mixin的示例mdc-button,因此我尝试对mdc-icon-button. 这是我尝试过的一些事情。

对于实际元素,由于此导入不起作用,我尝试了以下方法。

我只是不确定此时该怎么做。我如何为这个组件使用密度混合?