问题标签 [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 投票
4 回答
7073 浏览

angular - 如何在angular2(material2)中设置小吃店的持续时间

这个例子永远留在屏幕上:

小吃店演示.ts

我怎样才能让它在 2 秒后消失(以某种方式设置持续时间/超时)?

0 投票
2 回答
62640 浏览

angular - Angular2中的材料设计组件“不是已知元素”

我有一个混合的 Angular1 和 Angular2 应用程序。在我路由到的 Angular2 组件之一中,我想使用 Material Design Button。

当我像这样在模板中插入一个按钮时<md-button>foo</md-button>,应用程序开始崩溃并显示此控制台消息

所以,这听起来像是消息中的第一种情况,但我已经尝试过在这个答案中给出的建议添加MdButtonimportsmy 的属性NgModule(它已经包含在文档MaterialModule.forRoot()中的建议中),但如果我这样做了,整个应用程序在控制台中没有错误的情况下变为空白。

这是一些相关的代码

0 投票
1 回答
588 浏览

angular - 通过组件代码控制 Angular2 材质

我想在调用方法start.toggle()时启动函数(属于 Angular 2 材质 md-sidenav-layout 组件)test()。如何start.toggle()app.component.ts中调用 md-sidenav-layout ?

app.component.html

app.component.ts

0 投票
3 回答
18395 浏览

angular - 带有导入模块的单元测试 angular2 组件

我正在尝试对使用 angular-material2 的组件编写测试,但是当我将其添加到我的 testModule 声明中时,我得到:

将 MaterialModule 添加到声明中会引发“错误:模块声明的意外模块“MaterialModule”

config/spec-bundle.js 中的 DynamicTestModule'(第 24994 行)

这是我的规范文件的样子:

添加CellViewComponent到声明数组会导致错误抛出。

0 投票
2 回答
34 浏览

angular - 仅使用 Material Design 2 中的 MD_CARD,而不使用所有 Material Design 库

无论如何只使用所需的材料设计组件而不是所有库,我对 MD_CARD_DIRECTIVES 感兴趣。

0 投票
7 回答
72336 浏览

angular - Angular2 材质“md-icon”不是已知元素

我有使用 @angular2-material 2.0.0-alpha.8-2 版本的 angular2 应用程序。一切正常。现在我决定将材料版本升级到最新版本,即 2.0.0-alpha.9-3。我按照GETTING_STARTED中提到的步骤进行操作。早些时候我已经导入了如下的单个模块:

但是 2.0.0-alpha.9-3 版本的更改日志说:

“Angular Material 已从 @angular2-material/... 包更改为 @angular/material 下的单个包。伴随此更改,还有一个新的 NgModule MaterialModule ,它包含所有组件。”

所以我删除了显式导入的材料模块并将其更改为:

进行此更改后,我收到以下错误

'md-icon' 不是已知元素:

  1. 如果 'md-icon' 是一个 Angular 组件,那么验证它是这个模块的一部分。
  2. 如果“md-icon”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

我是否需要显式导入单个模块或如更改日志中所述 MaterialModule 包含所有组件并且我不应该显式导入单个模块?如果我不应该导入单个模块,那么可能是什么错误来源?

0 投票
0 回答
967 浏览

angular - 我们如何绑定来自 material2 滑块的值?

我正在使用材料 2 滑块,不幸的是 ngModel 功能尚未发布。然后我的问题是如何绑定并将值带到滑块?

我该如何解决这个问题?

0 投票
1 回答
535 浏览

angular - angular 2 材质选项卡和 ngForm

我正在使用 angular2 formsModule 和material2 library

当我试图检查标签form之外的有效性时,我得到一个form

错误:无法读取未定义的属性“有效”

form标签被包装到标签中md-tab,我注意到错误取决于它。

错误:

没有错误:

有没有人发现我做错了什么?对不起我的英语不好。

0 投票
1 回答
2081 浏览

angular - 使用带有material2按钮或按钮图标的angular2 router3 routerLink

我有一个简单的用户界面

上面的 routerLink 绑定失败,总是失败并显示以下内容:

我理解这个错误,但有什么方法可以让我将 routerLink 实际添加到 material2 按钮或按钮图标?

很难接受这样一个简单的程序似乎是不可能的。

我之前问过这个问题并得到了一个在 2016 年 6 月有效的答案 - 这个答案不再有效(如何使用 material2 工具栏、按钮和 angular-cli 路由器

谢谢

0 投票
2 回答
1190 浏览

angular-material - 如何为特定的角度材质组件设置样式?

我正在使用角材料 2,但我认为这也适用于角材料 1。

假设我想使用有角度的材质选项卡,但我想隐藏选项卡或为其添加一些特定的样式。

所以我有以下 html/angular 材质代码:

如果我将一个类添加到“模板 md-tab-label”-tag 中,它不会添加到 DOM 结构中的任何位置。我不能只设置“md-tab-label”-class 的样式,因为那样会将样式应用到任何地方和所有选项卡。如果我从父元素确定它的范围,它将适用于所有嵌套选项卡组件,这些组件可能存在于选项卡内容中。如果我尝试限制深度并根据最终的 DOM 表示创建一个非常具体的选择器,我将在我无法控制的结构上应用一种样式,并且在任何更新时都可能发生变化。

有没有正确的方法可以做到这一点,还是我只需要通过解构 DOM 结构来创建一个选择器?