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

ios - 使用 MDCTextInputControllerUnderline iOS Swift 更改 MDCTextField 中的占位符对齐方式

是否可以更改使用 MDCTextInputControllerUnderline 的 MDCTextField 中的占位符文本对齐方式?

我正在寻找的是尽管占位符看起来像这样:

我要在中间

先感谢您!

0 投票
2 回答
3982 浏览

android - 底部应用栏顶部的阴影

我正在使用 Material Design Components 中的新底部应用栏。我试图在底部应用栏的顶部提供阴影,就像 Google Tasks 应用中的一样,如下所示。

在此处输入图像描述

我试过同时使用android:elevationapp:elevation属性。请帮忙。

0 投票
1 回答
267 浏览

forms - 如何在 AngularDart 网络应用程序中使用 MDC 组件

我想将此 MDC表单集成到我的 Web 应用程序中。我正在使用AngularDart ( 5.0.0-beta+1)。这里npm行命令来安装这个组件 ( npm install @material/form-field)。

有没有办法在AngularDart网络应用程序中使用它?

谢谢!

0 投票
1 回答
141 浏览

ios - 删除每个 MDCInputField 下方的标签/标签间距

我试图让两个 MDCTextFields ( https://material.io/develop/ios/components/textfields/ ) 垂直堆叠,一个在另一个之下,没有任何间距。

这是一个视觉表示:

在此处输入图像描述

这就是它在模拟器中的实际外观,尽管它们被限制在没有边距/填充的情况下保持关闭。MDCInputFields 为每个 InputField 下方的标签添加这些间距。有没有办法覆盖这个?

在此处输入图像描述

约束看起来像这样,位于电子邮件和密码之间,StackView 设置为 Vertical 中的常量 0。 在此处输入图像描述

0 投票
0 回答
96 浏览

angular6 - 无法使用 ngModel 更新 mdc 对话框中的值

我尝试使用 ngModel 更新输入字段:

但是该值不会在 a 内更新<mdc-dialog>

我在 app.module.ts 文件中导入了 FormsModule。但我也有问题。

注意:我正在使用 Angular 6

任何可能的解决方案!

0 投票
1 回答
1024 浏览

javascript - 如何使用 unpkg 作为 MDC CSS 文件和 s 文件的存储在 Web 应用程序上添加 Material Design 选项卡

我尝试了下面的 html 代码来制作标签集:

JavaScript 是:

请帮助我...问题出在哪里,我该如何解决?实际上 Material.io 没有为任何组件提供示例完整代码。这就是为什么我完全糊涂了。我正在制作一个聊天应用程序,其中需要标签。所以,我想你们可以帮助我。如果可能,请提供任何 codepend 或 jsfiddle 演示代码...

0 投票
1 回答
384 浏览

material-design - 如何将 Material Design 组件导入 Progressive Web App Starter Kit?

我想在我的Progressive Web App Starter Kit中使用Material Design Component: Lists

所以...

怎么办?

我能想到的就是

或者

两者都会产生错误。我应该怎么办?

0 投票
1 回答
51 浏览

javascript - 通过 babel 配置 webpack 以将 ES2015 JavaScript 捆绑到标准 JavaScript

为什么MDC 入门(第 3 步)会说“我们需要配置 webpack 以通过 babel 将 ES2015 JavaScript 捆绑到标准 JavaScript 中”?

请来自 Google 的人员说明以下情况:

  • “标准”(我想他们的意思是 ES2015 之前)JavaScript必要的
  • “标准”(我想他们的意思是 ES2015 之前的)JavaScript不是必需的
0 投票
1 回答
687 浏览

html - 将 MDC 单选按钮放在单独的行上

HTML Noob here:我试图让表单中的两个 MDC 单选按钮在不同的行上对齐显示(一个在另一个下方)。我曾尝试在不同的地方放置中断标签,但似乎没有任何效果。

我可以使用中断标记使标准单选按钮出现在单独的行上,如下所示:

我怎样才能让这些 radio-1 和 radio-2 出现在不同的行上?

0 投票
1 回答
286 浏览

user-interface - 如何使用 svg 文件而不是直接在 Markdown 中使用 svg 元素从模板中绘制 MDC 复选框刻度线

我尝试过类似的东西

我的 svg 文件在哪里

结果,仅填充复选框内的背景颜色,按预期从底部到右上角的白色刻度不起作用/不可见。

欢迎提出建议。

我认为class="mdc-checkbox__checkmark-path"有一些问题。