问题标签 [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.
angular - 通过组件代码控制 Angular2 材质
我想在调用方法start.toggle()
时启动函数(属于 Angular 2 材质 md-sidenav-layout 组件)test()
。如何start.toggle()
在app.component.ts中调用 md-sidenav-layout ?
app.component.html
app.component.ts
angular - 带有导入模块的单元测试 angular2 组件
我正在尝试对使用 angular-material2 的组件编写测试,但是当我将其添加到我的 testModule 声明中时,我得到:
将 MaterialModule 添加到声明中会引发“错误:模块声明的意外模块“MaterialModule”
config/spec-bundle.js 中的 DynamicTestModule'(第 24994 行)
这是我的规范文件的样子:
添加CellViewComponent
到声明数组会导致错误抛出。
angular - 仅使用 Material Design 2 中的 MD_CARD,而不使用所有 Material Design 库
无论如何只使用所需的材料设计组件而不是所有库,我对 MD_CARD_DIRECTIVES 感兴趣。
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' 不是已知元素:
- 如果 'md-icon' 是一个 Angular 组件,那么验证它是这个模块的一部分。
- 如果“md-icon”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。
我是否需要显式导入单个模块或如更改日志中所述 MaterialModule 包含所有组件并且我不应该显式导入单个模块?如果我不应该导入单个模块,那么可能是什么错误来源?
angular - 我们如何绑定来自 material2 滑块的值?
我正在使用材料 2 滑块,不幸的是 ngModel 功能尚未发布。然后我的问题是如何绑定并将值带到滑块?
我该如何解决这个问题?
angular - angular 2 材质选项卡和 ngForm
我正在使用 angular2 formsModule 和material2 library。
当我试图检查标签form
之外的有效性时,我得到一个form
错误:无法读取未定义的属性“有效”
form
标签被包装到标签中md-tab
,我注意到错误取决于它。
错误:
没有错误:
有没有人发现我做错了什么?对不起我的英语不好。
angular - 使用带有material2按钮或按钮图标的angular2 router3 routerLink
我有一个简单的用户界面
上面的 routerLink 绑定失败,总是失败并显示以下内容:
我理解这个错误,但有什么方法可以让我将 routerLink 实际添加到 material2 按钮或按钮图标?
很难接受这样一个简单的程序似乎是不可能的。
我之前问过这个问题并得到了一个在 2016 年 6 月有效的答案 - 这个答案不再有效(如何使用 material2 工具栏、按钮和 angular-cli 路由器)
谢谢
angular-material - 如何为特定的角度材质组件设置样式?
我正在使用角材料 2,但我认为这也适用于角材料 1。
假设我想使用有角度的材质选项卡,但我想隐藏选项卡或为其添加一些特定的样式。
所以我有以下 html/angular 材质代码:
如果我将一个类添加到“模板 md-tab-label”-tag 中,它不会添加到 DOM 结构中的任何位置。我不能只设置“md-tab-label”-class 的样式,因为那样会将样式应用到任何地方和所有选项卡。如果我从父元素确定它的范围,它将适用于所有嵌套选项卡组件,这些组件可能存在于选项卡内容中。如果我尝试限制深度并根据最终的 DOM 表示创建一个非常具体的选择器,我将在我无法控制的结构上应用一种样式,并且在任何更新时都可能发生变化。
有没有正确的方法可以做到这一点,还是我只需要通过解构 DOM 结构来创建一个选择器?