问题标签 [material-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.
ios - 如何在 MDCTextField 上设置插入符号光标颜色?
我正在使用MDCTextInputControllerFilled
和设置activeColor
属性更改下划线和浮动占位符。但是,我找不到设置闪烁光标颜色的方法,默认情况下它是蓝色的。有没有办法改变颜色?
javascript - 禁用更改 url 路由器信息 Material-components-web 选项卡
我正在为我的框架无关库使用 Material Web 组件。对于“材料”选项卡,当更改选项卡时,URL路由更改为“活动”选项卡。例如在演示中: https ://material-components-web.appspot.com/tabs.html
当我们更改选项卡时,网址更改为: https ://material-components-web.appspot.com/tabs.html#one
如何禁用 url 更改并仍然让选项卡正常工作?
这是令人担忧的,因为我的库被 Angular 应用程序使用,其中 url 路由更改被应用程序拾取,然后引发错误或导致应用程序以不需要的方式运行。
ios - 更改 MDCTextField 占位符文本的文本换行
有谁知道如何更改 MDCTextField 中占位符文本的文本换行,以便占位符标签的行为类似于 0 行。
当占位符文本很长时,我不想在任何地方出现“...”
javascript - 为什么我的第二个 mdc-textfield 标签附加到我的第一个 mdc-textfield?
我正在使用 MDC-Web(Material Design Components Web)处理 Laravel 视图,并且在标签未正确附加到它们各自的输入时遇到一些问题。
我的 JavaScript 看起来像这样......
问题是第二个“短”mdc-textfield 附加到“lang”mdc-textfield 的底部。我希望将标签附加到正确的输入上,但我看不出我在哪里以及为什么会出现问题。
我的其他 mdc-textfield 布局都没有这个问题(我有几个可以正常工作的多字段 mdc-textfield 布局)。我怀疑错误很小而且很微妙,但是在查看代码后找不到它。
它与我的附加强制小写 javascript 函数有什么关系吗?
谢谢!
javascript - 如何使用纯 JS 检测边缘滑动(触摸)?
我正在使用MDC-Web创建一个 webapp ,我决定添加一个左边缘滑动来打开抽屉。问题是我无法通过同时使用纯 JS 和边缘滑动(不在屏幕上的任何地方滑动,仅从边缘滑动)在互联网上搜索找到任何好的解决方案。如果您有任何使用纯 JS 和边缘滑动的解决方案,将不胜感激。
ios - 材质组件标签栏底部导航
如何创建材质组件标签栏底部导航?文档描述了我必须实现 positionForBar: 并返回 UIBarPositionBottom 以将标签栏配置为底部导航栏。该栏将使用适当的样式自动更新。它看起来如何不起作用 - 示例:
视图控制器.h ...
视图控制器.m
mdc - mdc 关闭所有嵌套对话框而不是活动对话框
我尝试打开一个mdc-dialog
里面的mdc-dialog
. 关闭第二个对话框时,material-components-web 会关闭两个对话框,而不是返回到底层对话框(第一个对话框)。请参阅codepen.io上的示例。
这是一个错误还是我错过了什么?
ios - 如何在自定义视图中添加 MDCTabBar?
我在 iOS 中使用 Material Design 库,我试图在导航栏下方的自定义视图中添加MDCTabBar但它不起作用。代码就像
这mainTabBar
是我的自定义视图,它正好在导航栏的下方。请帮助解决这个问题。
提前致谢!
web - @material material-component-web 以 activeTab 形式给出的无效选项卡组件
首先让我说 mdc 文档对于像我这样的非专业人士来说很难。
我正在使用 Elixir Phoenix 和 Brunch。我进口,一切都很好。
我在导出的单独函数中手动实例化选项卡栏
遵循这样的文档
但与文档在其代码片段中使用标签栏略有不同
但是,每当我尝试使用 mdc 时,都会出现“未定义”错误。因此,我没有使用它:-)
现在,当用户单击标签栏时,我会这样捕获:
细微的区别是我的 myDynamicTabBar 是 MDCTabBar 但文档的 dynamicTabBar 是 mdc.tabs.MDCTabBar
我的选项卡控件有效,但它引发了仅在控制台中可见的错误:
未捕获的错误:作为 activeTab 给出的无效选项卡组件:在此组件的选项卡列表中找不到选项卡
这可能是因为我没有使用mdc.tabs
?文档指出更改事件发生在 MDCTabBar 上。
因此,如何摆脱控制台中这个恼人的错误?
为什么我无法访问全局 mdc?我在我的早午餐文件中试过这个
但不好。