问题标签 [angular2-material]

我正在使用 Material 2 开发 Angular 2 项目。由于某种原因，没有显示图标，只是应该作为文本的图标的“键”。

应用程序模块：

索引.html：

我尝试了几种方法：

我想我又尝试了大约 5 种排列，但结果都是一样的。我看到了按钮，但上面有文字。仅图标本身也没有在任何这些方法中显示。

根据材料设计文档，如果我们想创建自定义主题，我们需要做的就是.scss按照指南包含一个文件。我做了同样的事情，但是 scss 文件没有被编译。那么我们是否需要单独编译scss然后添加到主题中呢？否则编译将由 angular2 处理。

我正在为 Angular 2 使用材料的 md-input 组件。我知道它仍然是材料的 alpha 版本，但也许有人可以解释我如何将 Angular 2 所需的 html 验证属性与 md-input 一起使用（它是否已实现？）。我试过这个（工作正常）：

我如何使用“必需”？

我有以下代码：

现在 doSomething() get 在 Tab-Change 上被触发，我可以访问选定的索引，但是有没有办法访问我的 *ngFor 循环的值？我需要在我的代码中使用“p.id”来从我的数据库中获取数据，具体取决于打开的选项卡。还是有一个我没有想到的更优雅的解决方案？谢谢你的帮助 ：）

我正在按照入门页面 https://github.com/angular/material2/blob/master/GETTING_STARTED.md中的步骤进行操作

到目前为止，我已经安装了以下材料

现在我正在尝试将 MaterialModule 导入我的应用程序组件

这会导致 webpack 抛出大量错误，例如

我究竟做错了什么？

当使用带有@angular/material 的md-menu 时，无论我如何堆叠组件，所述菜单都会在我的路由器插座下方打开。我在这里想念什么？

app.modules.ts

应用程序.routes.ts

app.component.ts

导航组件.ts

导航组件.html

home.component.ts

home.component.html

如上所述，单击菜单时，它会在我的<p>ipsum 块下方打开。在内容上打开菜单我错过了什么？

我也遇到了 Firefox 的问题，其中单击菜单外部不会将菜单折叠回来。经过一番挖掘，我知道这很可能是 Material 的一个错误。我不相信它们是相关的，但是我也不相信我大部分时间都知道我在说什么……这就是我将其包括在此处的原因。谢谢！

我有一种情况，我想动态设置组件中元素的颜色和暗度/亮度，就像使用 md-color() 一样。有没有办法做到这一点，或者我应该将我的主题颜色硬编码到我的组件代码中？

这是硬编码的方式：

我想做的是：

材料扩展面板的图像

我应该使用哪个 CSS 选择器来设置材质扩展面板的样式？默认标题是白色的，但我想将其颜色更改为蓝色。

如果我的模板中有 2 个菜单组件，如下所示

如何以编程方式切换第二个菜单组件？通常@ViewChild(MdMenuTrigger) 如果我在模板中只有一个菜单组件，我们可以使用以下内容。有没有办法通过在@ViewChild 中指定组件名称来找出第n 个菜单组件并以编程方式打开菜单？

Angular2材质2.0.0-beta.1

https://plnkr.co/edit/sHtce9IcdCXuLb8kPhgr?p=preview

我在 angular2 材料中提出了一个问题，它已得到解决并将更改推送到 master 分支。 https://github.com/angular/material2/issues/2413 如果有人遇到与 beta.1 版本相同的问题，请使用 npm install https://github.com/angular/material2-builds.git解决此问题