问题标签 [angular-material2]

我正在尝试使用Angular 材料 2创建一个导航栏，该导航栏 在移动设备和平板电脑等小屏幕中折叠。

我只能找到md-button但不能md-menu-bar像 Angular 材料那样找到。

我正在尝试使用 *ngIf 来显示和隐藏基于其构建的类的成员的元素。但是尽管能够使用其他数据成员来显示标题等，但我仍然遇到以下错误。

我的 html 看起来像

我的 *component.ts 文件中的导航数组定义为

和导航类看起来像

如果我删除 *ngIf 一切都很好。为什么我可以使用 navigation.title 显示名称，但不能使用 navigation.hidden 切换元素是否显示？

编辑 - - - - - - - - - - - - - - -

但是有几篇文章说这在 Angular 2 中是不好的做法

我有一个<md-input>元素：

并尝试通过 CSS 对其应用样式：

我没有看到浏览器调试器中应用的样式。我这样做是否不当？

我正在使用angular-cli创建 Angular 2 应用程序。使用 创建应用程序后ng new NEW_PROJECTNAME，我们会得到一个index.html页面。在此页面中，他们有类似的内容。

不用说，这个加载信息可能看起来完全不专业。所以我的问题是如何添加更合适的东西，比如进度条或微调器？

我意识到需要发生的事情发生在 Angular 框架之外（对吗？）。我发现了一些 Angular 2 包，它们非常好用（例如Angular 2 材料或ng2-slim-loading-bar），但这些包假设我已经进入了 Angular 框架；意思是我在一些 Angular 组件中。

所以我的问题如下。

• 是否有一个 Angular 2 钩子可用于在放入内容之前显示加载指示器<app-root></app-root>？
• 如果我必须在 Angular 框架之外工作，最好的方法是什么？天真地，我设想我必须使用boweror安装一些包npm，在 中引用它index.html，并使用jQueryor 来显示加载指示器。我假设当 Angular 完成加载时，它会替换里面的任何东西<app-root></app-root>。我对这种方法的担忧之一是构建/打包脚本（然后我必须弄清楚如何将这个 bower/npm 包包含在我构建的应用程序中）。

任何帮助表示赞赏。

我正在尝试设置输入样式，使其具有一定的宽度。我正在使用 Angular Material 2，但由于某种原因，css 中的样式未应用于输入标签。这是我的问题的有效解决方案以及受影响的代码：

如何设置由 Angular Material 2 创建的输入的样式？

我正在尝试为我的 angular 2 应用程序创建一个自定义主题，该应用程序使用了 angular material 2 中的一些组件。

我试图用谷歌搜索，但找不到太多。唯一可用的文档是 Angular Material ：- https://material.angularjs.org/latest/Theming/03_configuring_a_theme

我找不到 angular 2 的相应文档。

到目前为止，我发现@angular2-material/core/style 下有一个名为 _default-theme.scss 的文件，其内容如下：-

我变了

至

但是，这似乎不起作用。欢迎大家提出意见。

如何确定 Material Design 图标集中图标的连字名称？

存储库：

https://github.com/google/material-design-icons

文档：

https://design.google.com/icons/

文档列出了每个图标下方的名称 - 但文档没有提供有关如何在应用程序中引用每个图标的说明。

我猜到以下结果好坏参半：

<md-icon>close</md-icon>工作 -X显示一个图标

<md-icon>help outline</md-icon>help失败 -显示单词

"@angular2-material/toolbar": "2.0.0-alpha.6-2"

我想更改<md-toolbar>整个应用程序的背景不透明度和填充。

我的应用程序正在从以下位置导入index.html：

我正在使用材料 2 我的想法是我需要以某种方式覆盖材料 2toolbar.scss文件中的这些设置（摘录如下）：

我已经挖掘了toolbar.js文件vendor夹中的文件，它似乎嵌入了整个toolbar.css......因此，我有机会覆盖这些样式属性中的任何一个的唯一地方似乎是在MdToolbar通过我的组件使用的任何组件中' stylesUrls... （顺便说一句：这确实有效）

我猜我错过了一些东西，因为我想做的似乎是一个相当普遍的愿望（尽管使用谷歌材料可能会令人厌恶——我不确定社区有多坚定关于填充，背景透明度等元素）......在任何一种情况下，我都需要消除我的无知，以便充满信心地进行。

我正在尝试解决如何使用Material 2 sidenav#rightNav从子组件模板单击事件中触发父组件模板中的本地引用。我想我需要使用注释，但不知道如何。(click)="rightNav.open()"@ViewChild

子组件模板（app-conditions-list）：

父组件模板（条件组件）：

子组件嵌套在父组件模板中。谢谢！

在 Material2 项目中，每个组件都使用 ViewEncapsulation.None。（例如MdButton）

最近md-toolbar的封装刚刚更改为 None 。

为什么呢？封装 CSS 的可能性难道不是用 Angular2 创建这样一个框架的最大优势之一吗？

Polymer Components 似乎使用了这个特性。为什么不是 Material2？