问题标签 [angular-material]

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 投票
3 回答
5144 浏览

html - 如何更改里面的字体样式

我正在使用 AngularJS 和 Material Design,而困扰我的一件事是我无法准确复制谷歌官方网站上用于按钮标签的样式。 材料设计按钮演示

当我使用这样的按钮时:

我得到这样的东西:

按钮 IMG

我期待有这样的东西:

在此处输入图像描述

这有点像我根据他们网站上提供的源代码编写的代码

我尝试使用<b></b>标签而不是标签,但结果相似,有些字母不太合适......我是否缺少一些东西来解决这个字体问题?

编辑:我的代码之一的示例。

0 投票
1 回答
2929 浏览

angular-material - 使用 Angular Material Design 的主题按钮文本

我想使用$mdThemingProvider自定义调色板来通用配置我网站上的所有按钮。A200我可以通过配置和A700在调色板中操作按钮的背景颜色。我还想更改默认文本颜色。我已经使用contrastDefaultColor, contrastLightColorscontrastDarkColors但我能做的最好的事情就是获得黑色或白色文本。

以下代码段将生成带有深色文本的白色按钮:

更改contrastDefaultColor为“浅色”会导致文本变为白色。

我可以通过覆盖生成的样式表的规则来手动实现我想要的效果:

...但我正在尝试使用库中提供的工具。

0 投票
6 回答
63817 浏览

html - Angular Material:如何使内容可滚动

我正在使用有角度的材料并想为我的应用程序设计一个布局。

我的问题是,如何使 md-content 可滚动?底部的 div 应该是一个粘性页脚。注意,在 chrome 上看起来可以,但在 Firefox 上不行。我信任 Firefox,因为 chrome 与 flexbox 有问题。

我创建了一个 plunker,但我无法在线程中插入链接,它总是出现错误消息。

0 投票
1 回答
2698 浏览

javascript - 角材质,当添加波纹时,它将填充而不是消失

我正在开发一个基于角材料的框架,以便于使用。我想知道是否有该md-ink-ripple指令的填充版本,以便波纹在设置时是实际的填充颜色。

0 投票
1 回答
2732 浏览

angularjs - 元素未在角材料中填充父级

我正在构建一个旨在用于移动设备的移动应用程序。我从 angular material-start示例应用程序开始,并开始根据我的需要对其进行修改。我现在想要的是有一个带有全屏画布的页面。

问题是我不知道如何让画布填满整个屏幕。问题显示在这里(红色部分是画布):

例子

我在画布上有这样的样式:

但由于某种原因,这行不通。

这里有一个 CodePen 。

0 投票
1 回答
8356 浏览

javascript - 材料设计(AngularJS)不工作

我正在尝试使用该<md-select>标签,但无法获得与此处相同的结果。

我正在写这段代码:

但我得到的结果是这样的:

在此处输入图像描述

其他材料设计元素工作得很好,只有<md-select>标签似乎不起作用。我已经尝试阅读此处的文档,但它是如此简单,以至于我不明白为什么不起作用。

当我使用默认值<select><option>标签时,它可以工作,但我真的想使用 Material Design 的。

0 投票
1 回答
11254 浏览

html - 有没有办法缩小材料设计(AngularJS)元素?

我正在使用<md-input>标签,但它的高度太高了。有没有办法让它变小?

现在我所拥有的是:

在此处输入图像描述

所以第一行是那个大小,因为<md-input>. 它是 34px x 121px 所以我想降低它的高度。我尝试使用最大高度,但我得到的只是一个滚动条:

在此处输入图像描述

是否可以更改其高度或继承到元素?缩小是可以接受的,但我还没有找到办法。

在此处输入图像描述

0 投票
2 回答
2376 浏览

angularjs - 未知提供者:eProvider <- e 显示材质角度对话框时

我正在尝试连接material angular的对话框。代码如下。我得到错误,Unknown provider: eProvider <- e.

JS

html

我错过了什么吗?

0 投票
1 回答
213 浏览

css - 垂直调整大小时 md 卡外的文本

我很难用英语解释它,但请看这个例子:

我使用了https://material.angularjs.org/#/getting-started中的入门示例,您可以在这里进行测试:http: //codepen.io/jros/pen/azPjzW

您可以在正文中看到三个 md-card,这个 md-cards 包含文本,但是当我垂直调整 md-card 的大小时,md-card 的大小发生了变化,并且文本变成了 md-card 之外。

我该如何解决这个问题?

0 投票
2 回答
2650 浏览

angularjs - 如何将字体更改为 angularjs 材料中的较浅颜色?

我发现用于电子邮件/密码文本的颜色很难阅读(在这张图片上似乎更容易......),我想使用较浅的白色灰色,我该如何修改代码来做这个?

颜色问题截图