问题标签 [mdc-components]

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 回答
1155 浏览

javascript - 如何将 MDC web javascript(如 MDCRipple)应用于已使用 AJAX 加载的内容

我目前正在制作一个使用 AJAX 更改页面内内容的 Web 应用程序,但我遇到了一个问题,即让 javascript 应用于已加载的元素而不是在页面上启动。

例如,如果我的起始 HTML 中有一个调用 AJAX 函数的按钮,

从一个单独的页面得到这个 MDC 按钮,

然后,如果我的 app.js 文件中有这个,

然后,当我单击原始按钮以使新按钮进入页面时,涟漪不会应用,因为新按钮并未从页面开始。

将新按钮添加到页面后,如何在新按钮上初始化涟漪?


这导致了我的第二个问题,那就是,如果可以通过 AJAX 初始化 New Button 上的波纹,那么我将如何让它适应通过 AJAX 添加的任何新 MDC 内容无论它只是 MDC 按钮,还是根本没有任何按钮但有其他需要 Javascript 才能运行的 MDC 内容。像抽屉或文本字段。

0 投票
2 回答
13435 浏览

android - 使用 MDC 在 android 中创建材质微调器下拉列表

我正在研究 Material design Material.io 的材质组件,一切都很好,我试图使用 MDC 的 TextField 组件来创建一个材质下拉微调器,但我似乎找不到任何相关文档,是否可以使用 MDC 创建微调器?如果是这样,我在哪里可以找到它的文件?

在 TextField 的目录中看到一个微调器,我可以做这样的事情吗?:

在此处输入图像描述

0 投票
1 回答
819 浏览

mdc-components - 如何在 lit 元素中使用 MDC 组件?

我正在尝试在 lit 元素中使用 mdc 组件(例如 mdc-textfield)。看起来我必须将 css 和 js 文件都导入到元素中。

我很不确定如何将 css 导入到 lit-element 中。

顺便说一句,我polymer serve在没有任何预处理器或编译器的情况下使用。

0 投票
0 回答
137 浏览

ios - 如何编写 XCUITestCase 来驱动 MDCMultilineTextField

在 UI 测试 (XCUITestCase) 中,当我尝试让测试点击 anMDCMultilineTextField时,测试失败并显示

元素和任何后代都没有键盘焦点。

如果我尝试使用 UI 测试记录器并点击MDCMultilineTextField它无法找到带有错误的多行文本字段:

时间戳事件匹配错误:未能找到匹配元素

我的测试用例

,其中EventEditor-TextField-Desc是分配给 的可访问性标识符MDCMultilineTextField

运行测试时,它无法告知Neither element nor any descendant has keyboard focus.并将该行标记descField.typeText("Desc 4")为有错误。详细错误描述:

平台

  • 设备:iPhone 8Plus 模拟器
  • 操作系统:iOS 12.1
0 投票
2 回答
221 浏览

android - 更改TextInputLayout 标题颜色

我已将我的项目迁移到 androidX 并使用带有材料设计组件的新材料主题。我能够为我的 TextInputLayout 使用新的 Outlined 样式,目前它以白色显示标题。我尝试将样式设置为TextInputLayoutwith。

但它以白色显示标题。

之后我创建了单独的样式styles.xml

我将这种样式用于我的 xml,如下所示。

我正在使用的 gradle import 是

布局如下所示,我错过了什么?如何更改标题的颜色TextInputLayout?目前我设置了深色背景,因此文本可见,但我想使用白色背景,当我这样做时,标题与背景混合并且不可见。

在此处输入图像描述

0 投票
1 回答
813 浏览

drop-down-menu - 材质组件菜单的 `setAbsolutePosition()` 无法正常工作?

我正在尝试使用MDCMenu 的文档menu.setAbsolutePosition(0, 100);中找到的方法,将“mdc-menu”相对(波纹管)定位到我的顶栏上的溢出按钮,但它似乎没有做太多(实际上使元素卡在屏幕外),无论我设置什么值。

我创建了一个片段来说明这个问题:

0 投票
2 回答
492 浏览

javascript - 如何检测 MDC Snackbar 是否在 JS 中关闭?

我正在使用 Material Design 的 Snackbar 和 VueJS,我希望能够检测到小吃店何时关闭。

Snackbar 有一个名为 isOpen 的内置属性,因此我可以将 return this.snackbar.isOpen;其用作布尔值。但是,没有类似的isClosed属性,当小吃店关闭时,它isOpen仍然是正确的。

似乎isOpen对关闭没有反应,只是对打开。但是我想在小吃店打开后关闭时触发一些东西。将不胜感激任何建议

我像这样初始化我的小吃店:

0 投票
1 回答
1233 浏览

javascript - 使辅助文本出现在 MDC 文本字段下方

我遇到的问题是文本字段的帮助文本未出现在文本字段下方。它出现在最左边。

在此处输入图像描述

它实际上应该如下图所示:

在此处输入图像描述

我的页面的 HTML 和 CSS 如下:

我哪里错了?

0 投票
1 回答
208 浏览

ios - 如何为 MDCTextField 添加阴影?

这是我的代码:

我想在文本字段中添加阴影,但我不知道如何使用,MaterialComponents 我在这里提到了我测试过的所有方法及其结果:

第一种方式:

第二种方式:

选择国家->第一种方式,选择城市->第二种方式

选择国家->第一种方式,选择城市->第二种方式

我想要的是下面的图片:

在此处输入图像描述

0 投票
1 回答
1082 浏览

angular - Angular-mdc 返回“没有名为 mdc-top-app-bar-fill-color 的 mixin”

所以,我正在使用 angularCLI 和 angular-MDC,我想使用我的styles.scss. 网站上有https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sassmdc-top-app-bar-fill-color($color)我使用并返回了这个语法No mixin named mdc-top-app-bar-fill-color,下面是我的代码:

组件.html

组件.scss

样式.scss

错误