问题标签 [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 回答
339 浏览

javascript - 材料图标似乎在模板(Web 组件)中不起作用

我试图在我的页面(链接)中使用 Material Components for Web。

能够使用 MDC 创建 FAB,您可以在这里找到它们 [CODE-PEN][2]

但是当我尝试在模板和自定义元素(Web 组件)中做同样的事情时,它似乎不起作用LINK

我得到了 FAB 的正确 CSS,但图标没有显示。谁能帮我这个?

MDC LINK1https ://github.com/material-components/material-components-web/tree/master/packages/mdc-fab

WORKING[2]:https ://codepen.io/rleo2joseph/pen/GRRZGRv

NOT WORKING[3]:https ://codepen.io/rleo2joseph/pen/KKKzeqY?editors=1010

0 投票
2 回答
521 浏览

mdc-components - 从按钮打开 MDCMenu

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

EvenListener 抱怨 MDCMenu 没有定义。

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

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

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

0 投票
2 回答
1668 浏览

swiftui - 如何在 SwiftUI 中使用材料设计文本字段

我想在 SwiftUI 中使用 Material Design 文本字段组件。有一个为 UIKit 编写的 Material Design 文本字段组件,但没有为 SwiftUI 编写的。是否可以在 SwiftUI 中使用这个 Material Design 文本字段组件?

0 投票
2 回答
1218 浏览

javascript - 在选择菜单中选择的值未发送到服务器

(后端开发人员试图在这里做一些前端开发)

我有一个简单的 HTML 表单,其中包含一些文本字段输入和一个选择菜单。提交表单后,我看到文本字段值到达 Web 服务器,但没有看到选择菜单的值到达服务器。选择菜单的代码是:

选择菜单是一个材料设计组件,如所述所述。

我与该组件关联的 Javascript 是:

我有几个问题直截了当:

  1. 我应该使用<li>而不是<option>- 上面的代码遵循网站上显示的示例。
  2. 应该有name属性吗?
0 投票
1 回答
126 浏览

javascript - 如何在 Ember 的 mdc-layout-grid 的下一行显示嵌套的 JSON 对象?

我想在网格的下一行显示一个嵌套的 JSON 对象。我正在使用 Ember 和 mdc-layout-grid。

我的 JSON 数据如下:

我要渲染的 hbs 文件:

现在我想在下一行呈现“嵌套”对象值(如果存在,则移动到下一个数据[元素],以防嵌套为空)。我该如何解决这个问题?我尝试了几种方法,但它们不起作用。

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

sass - Parcel + SASS:从没有波浪号运算符的 node_modules 导入?或者是别的什么?

我正在使用带有 SASS 的 Parcel,并且正在尝试使用material-components-web (MDC Web)。

在 MDC Web 的指南中,他们说您应该像这样在样式表中导入此包附带的模块:

但是当我尝试这个并运行包裹时,我收到以下错误消息:

因此,当我使用波浪号运算符将行更改为以下内容时

它找到要导入的样式表,但是在nodes_modules内的引用的样式表mdc-text-field尝试在没有波浪号运算符的情况下加载其他样式表,所以我得到了另一个像这样的错误:

那么我该如何解决这个问题呢?

0 投票
2 回答
855 浏览

html - 让 MDC 抽屉出现在顶部应用栏下方

我按照此处的示例代码 将可关闭的抽屉放在顶部应用程序栏下,但它不起作用。

这是我尝试过的:

0 投票
1 回答
76 浏览

android - 更改默认 TextInputLayout 样式?

我正在使用 Material Design Components 并想更改 a 的默认样式TextInputLayout,这意味着我的更改将应用​​于所有实例,而TextInputLayout无需我style="@style/my_style"在每个实例上明确定义 a。

如果以及如何可能?