问题标签 [mdc-components]

我正在使用 MDCSlider 并尝试在用户选择拇指时应用悬停状态，如下图所示。

我有没有机会在 Swift 中实现这一点？

我正在尝试使用 MDCChipField，它是 Swift 的材料设计组件。我正在实现“输入芯片”类型，并且能够将输入的文本添加为​​芯片

当芯片在 MDCChipField 中溢出时，它们会被添加到下一行。如何将可滚动方向设置为水平而不是垂直？

在链接中， https://material.io/design/components/chips.html#input-chips，放置部分解释

输入芯片可以与其他组件集成。它们可以出现：

我如何在代码中做一个水平滚动的列表？

谢谢。

在尝试实现网格布局时，当我提供特定于设备的单元格跨度值时，例如“mdc-layout-grid__cell--span-4-phone mdc-layout-grid__cell--span-6-desktop”。桌面和移动设备的布局保持不变。但是，根据 MDC 的文档，单元格应该已根据查看内容的设备进行了更新。

您可以在 bodana.napcraft.in 上看到下面提到的处于工作状态的代码

我想了解为什么我的网格没有根据设备进行更新。

当表单元素的值通过javascript更改时，我正在尝试重新初始化/重绘所有MDC组件，但到目前为止我的尝试都失败了。有没有一种简单的方法可以使用我不知道的内置 MDC 方法来实现这一点？

我创建了一种自定义方法来重新加载 MDC 组件，其中包含一个data-mdc-reload在单击时触发的 html 属性，但这并不能很好地完成工作。

这是一个显示问题的代码笔： https ://codepen.io/oneezy/pen/XvMavP

• 点击UPDATE FORM VALUES按钮添加数据
• 红色的VALUE输出表示组件损坏/蓝色表示它可以工作
• 单击RESET按钮将数据重置为初始状态（这也坏了）

Javascript

我是 Angular 的新手，我有点困惑 Angular 组件的实现是否反映了最近的（2018 年）材料设计系统更改，或者它们只是更新了旧版本的系统？

Angular 组件版本已更新： https ://trimox.github.io/angular-mdc-web/#/angular-mdc-web/home

但在我看来，Angular Dart 组件版本仍在使用旧系统： https ://dart-lang.github.io/angular_components/

我是否遗漏了某些东西，或者 Angular 组件不会获得最新的材料设计更新？（我认为 Angular 团队正在使用基础和适配器来适应更新后的材料设计系统的 vanilla Web 版本，Angular Dart 团队是否也在这样做？）

我将progressBar放在顶部的cardView中，代码如下：

所以。我试过这样做..但结果如下 -

我想像这样把它放在卡片视图的最顶端。它属于谷歌应用程序。 任何人都可以帮助我解决这个问题。我尝试过协调器布局、约束布局、相对布局等。我也尝试过改变progressBar的重力。它没有用。请帮忙。

我正在使用名为“菜单”的 Material Design Web Components 组件。

启动菜单后，我需要能够轻松处理“选择”“菜单项”的所有方式。通过我的框架的模板语言 (vue) 添加点击是有效的，但是，为 on-enter 和其他键添加方法不起作用。例子：

我希望这是因为该enter键具有用于关闭菜单的事件处理程序，这些处理程序正在捕获我的按键。我不完全确定。

无论如何，处理选择的“正确”方式似乎是通过MDCMenu:selected事件。文档中的描述：

[ MDCMenu:selectedis] 用于指示何时选择了元素。此事件还包括所选项目和该项目的列表索引。

但是，没有关于如何捕获此事件的说明。我试过了：

这导致了很多undefined错误，这很奇怪，因为我可以访问this.menu.root它并且它似乎是一个 DOM 元素。

我也试过：

这引发了一个关于如何addEventListener不存在函数的错误this.menu；

我搜索了源代码，但没有发现任何关于事件处理或发射的明显内容。

如何捕捉MDCMenu:selected事件？

Material Design Components for Web 的快餐栏基本示例不起作用。它产生错误：

我尝试使用 jQuery 来确保 DOM 正确加载。我曾尝试来回更改 javascript 初始化方法，但似乎没有一个有效。

你可以在这里找到代码：https ://jsbin.com/mejefeq/edit?html,console,output

我一遍又一遍地阅读了这些文档，但没有一个提到任何关于此的内容。由于这个 MDC for Web 一点也不流行，我无处可去寻求帮助。

我正在尝试更改 mdc-select 中下拉箭头的默认紫色：

没有一个 sass mixin 似乎可以做到这一点。

它是如何完成的？

这是我到目前为止所尝试的：

HTML

SCSS

TS

我无法让 MDC-Web 方法/框架方法正常工作。具体来说，我试图让 MDCIconButtonToggle 工作。我有一个图标按钮，单击时可以更改。我认为我设置它的方式是正确的，但是单击时它不会切换。

当我运行它时，每次单击“单击”按钮时，控制台都会按预期显示，但图标不会更改/切换。如果我将 MDCIconButtonToggleFoundation 更改为 MDCIconButtonToggle，我会在控制台中收到一条错误消息，但按钮会切换。

错误消息声称 expBtn.addEventListener 不是函数，或者 handleClick 未定义。

我已经查看了主要文档和this，但无法弄清楚我做错了什么。