问题标签 [angular-material2]

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 投票
2 回答
11121 浏览

angular - 在 md-sidenav-layout 中时,md-toolbar 可以固定在顶部吗?

我真的在这里挣扎。我们正在使用 md-sidenav-layout 并发现无法想出将 md-toolbar 固定到页面顶部的方法:

由于 md-sidenav-layout 似乎可以自我修复的方式,添加

到 md-toolbar 并不能修复它 - 事实上似乎什么都没有!

任何帮助表示赞赏。

0 投票
4 回答
17389 浏览

angular - 如何更改 material2 md 输入占位符字体大小和颜色?

如何更改 material2 md 输入占位符字体大小和颜色?

检查此图片链接

0 投票
3 回答
5599 浏览

angular - 如何根据强制和可选字段启用或禁用 Angular 2 中的任何按钮

当占位符值为“可选”时,我希望启用我的保存按钮。当值为“强制”时,保存按钮应该被禁用并且只有在我为该字段输入一些值时才启用。

我的模板-

在我的打字稿文件中-

我在我的模板中尝试类似上面的东西,但没有得到正确的输出。知道我哪里出错了吗?

0 投票
1 回答
988 浏览

javascript - md-list-item 内的 md-radio-button

我尝试解决这个问题:

https://github.com/angular/material2/issues/1518

我想单击 md-item 行上的任意位置,它应该触发单选按钮的操作。


settings.component.html :


settings.component.ts :

默认情况下,在我的 app.components.ts 文件中,我当前选择的语言是英语。

实际上,更改语言的事件工作正常,但我不明白为什么我没有在单选按钮上默认选择语言?

为什么 ngModel 不初始化默认设置的当前语言?有任何想法吗 ?

0 投票
2 回答
1164 浏览

angular - 在组件模板中使用 md-menu 时,带有材料 jasmine 组件测试的 angular 2 失败

运行 jasmine 组件测试时出现以下错误:

当我删除<md-menu>...</md-menu>茉莉花测试成功的元素时。

我的组件模板 app.component.html:

我的规范文件 app.component.spec.ts:

我的 package.json 文件:

提前感谢您的帮助。

问候,

约斯特

0 投票
5 回答
9093 浏览

angular - Material2 在小屏幕上自动隐藏 sidenav

看起来 Material2 没有任何类似于 Material1 的东西,opened="$mdMedia('gt-md')"它会根据屏幕宽度隐藏和显示 sidenav。

https://github.com/angular/material2/issues/45

同时,在我的项目中实现此类功能时,最好的方法是什么。

普朗克

0 投票
11 回答
145080 浏览

css - Angular2 Material Dialog css,对话框大小

Angular2材料团队最近发布了MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md

我想改变 angular2 材质对话框的外观和感觉。例如,要更改弹出容器的固定大小并使其可滚动,更改背景颜色等等。最好的方法是什么?有我可以玩的css吗?

0 投票
1 回答
1228 浏览

javascript - 反应式(基于模型)形式的 Angular 2 md-radio 按钮不起作用并停止 md-input 显示

我在http://devdocs.io/angular~2_typescript/api/forms/index/radiocontrolvalueaccessor-directive 和使用 Angular 2.1.2 和谷歌的 MD-alpha.10 Atom-typescript 说我有关于反应形式单选按钮的说明没有错误。我收到以下控制台错误。

相关代码如下:

表单组件视图的HTML

管理表单的组件

我尝试导入 FormControlName,但没有帮助。除了错误语句之外,单选按钮不会在单击新按钮时切换,并且按钮圆圈并排显示为 2,而不是 1 在另一个内。此外,所有 md 输入都不显示。什么时候

从 md-ratio-button HTML 中删除,md-inputs 重新出现并工作。

我已经从 devdocs 中复制了响应式表单的代码并更改了变量名。要使 md-radio-buttons 正常工作,还需要做什么?

0 投票
5 回答
49623 浏览

angular - 如何将服务变量传递到 Angular Material 对话框?

对于mdDialog,如何传入变量?具体来说,如何将 Angular 服务注入到对话框组件中?

0 投票
4 回答
56181 浏览

html - angular/material2 mat-spinner 调整大小

有没有办法改变mat-spinneror的大小mat-progress-circle

我阅读了文档,mat-spinnermat-progress-circle他们说该文档mat-diameter已停产,并且微调器将采用父元素的大小。

如何mat-spinner在不改变按钮高度的情况下将 a放在mat-button左上角?

我还尝试使用内联 css 更改高度,例如

但不好看。