问题标签 [angular-material2]

我已将材料包包含在我的第一个 angular2 项目中。 我关注的链接。

并为项目添加了主题以使用按钮的颜色。

但是我错过了重要的课程，例如 ，，container（例如颜色选项和）。tealtext-blueligthen-<x>

最重要的是创建布局的类row。col怎么可能得到material-css这里的所有力量。

我试图包括其中的css一部分CDN，但结果适得其反。

例如md-input，将有两个不同主题的边框。我在这里错过了什么吗？指引我正确的方向。

我已按照 angular material2 Getting Started 中的说明安装@angular/material。通过 Atom，我更新了 package.json、app.module，除了入门说明之外，我还更新了 systemjs.config，如下：'@angular/material':'node_modules/@angular/material',

我收到这些错误： zone.js:1274 GET http://localhost:3000/node_modules/@angular/material/ 404 (Not Found)

(SystemJS) XHR 错误 (404 Not Found) 加载http://localhost:3000/node_modules/@angular/material (...)

我相信我已经跟踪到许多@angular 文件夹都有一个包含 umd 文件的 bundle 子文件夹的问题，但 @angular/material 文件夹没有 bundle 子文件夹。因此，“解包”功能找不到@angular/material/material.umd.js

systemjs 超出了我的舒适区，所以我不确定上述内容，但我无法使用 alpha.9-3 的新文件结构解决 404 问题这是相关代码（其他组件未显示）。

包.json

应用程序模块

systemjs.config

我检查了我的文件夹/文件结构，@angular/material/material.umd.js 肯定在那里。如何摆脱 404 not found？

我按照 Angular2 Meteor 教程 ( https://www.angular-meteor.com/tutorials/socially/angular2/bootstrapping )的建议创建了一个全新的 Angular2 Meteor 项目，并按照教程 ( https://www. angular-meteor.com/tutorials/socially/angular2/angular-material-and-custom-angular-auth-forms）。一切正常。

现在我想导入 PortalModule，所以我编辑App.module.ts添加以下代码行：

（顺便说一下，这正是我在使用 PortalModule 的 Angular2 应用程序中所做的）。

不幸的是，尽管使用 Angular2 Material 这会在启动时产生运行时错误。浏览器控制台上堆栈跟踪的前 2 行是：

我怀疑这取决于一些打字稿配置，所以我还添加了我的tsconfig.json文件（这是创建项目时创建的标准 Angular2 Meteor）

任何帮助，将不胜感激。提前致谢

我以这种方式在我的项目中使用 Angular 2 Material sidenav：

如何start.toggle()从我的组件而不是带有点击事件的元素调用？

感谢您阅读

我试图让 Angular 2 和 Material 2FormGroup与一个<md-radio>组件一起工作。但是，当我像使用标准一样连接它时，<md-input>如果抛出错误。例如

组件.html

组件.ts

这给我的错误信息是：

ngModel 不能用于使用父 formGroup 指令注册表单控件。尝试改用 formGroup 的合作伙伴指令“formControlName”。例子：

即使我将表单组更改为：

我仍然收到同样的错误。

如何<md-radio>在 Angular 2 中将材质 2 组件与 FormGroup 一起使用？任何帮助，将不胜感激。

非常感谢。

捷通

我有一个角度为 2 的表单。表单有单选按钮和复选框。在选项卡上，这些字段被突出显示。对于单选按钮，我希望它们在我点击空格键后被选中。复选框也是如此。我正在使用 angular 2 material design 的片段。

在我的 component.ts 文件中-

我希望在页面加载时默认选择“否”选项，但这没有发生。谁能让我知道我哪里出错了？

此外，在复选框的情况下，一旦选中了下次点击空格键，当我点击空格键时应该取消选中。这没有发生。它只是被选中。通过我的component.ts-中的空格键选择复选框的代码

两种方式的数据绑定没有发生。感谢帮助。谢谢！

Angular Material 2 中的 MaterialModule 是否默认包含提供程序Http？

我创建了一个Http从@angular/http. 如果我省略在主AppModule中导入HttpModule，则没有错误，一切都按预期工作。相反，如果我删除MaterialModule的导入，则会收到没有提供程序的错误。Http

我正在学习Angular2 RC5Angular2 材质库并让它在AspNetCore 1.0应用程序中运行，VisualStudio 2015.我使用了一个完美运行的Angular2 RC5单页应用程序并尝试引入延迟加载，其中只有登录页面会首先加载。成功登录后，我想加载剩余的页面。

当我在 SPA 模式下单击登录按钮时，我会成功重定向到预加载登录页面的 DashboardComponent 页面——那是在我引入延迟加载之前。遵循本教程后，我现在收到这些错误

错误片段

为什么 ngIf 指令突然不起作用？在我移动仪表板以延迟加载登录成功之前，它正在工作。

我一直在使用上面发布的链接中的共享模块方法。不使用共享模块是导致此问题的原因吗？我认为模块共享是一种清理代码的方法，一旦一切正常，就不会重复内容，仅此而已。

我的 Dashboard 类似于我在上面关注的链接中的 HeroesList 页面，在加载 DashboardModule 的那一刻，它会加载更多页面。我在 MVC 端的仪表板页面中放置了断点，并确认仪表板和之后的页面仅在成功登录时才会延迟加载。

该错误似乎无法获取核心角度参考和/或 angular2 材料库的参考。我已将此处列出的所有这些导入放入所有包含它们的模块中，而不是路由模块

我仍然收到上面代码段中的错误。我能错过什么？任何帮助或提示表示赞赏。

编辑

仪表板.Module.ts

仪表板组件.ts

仪表板路由.Module.ts

我正在尝试将 md 工具提示添加到 md-icon 按钮，如下所示：

但是，图标工具提示的文字文本会显示到页面而不是消息，如下图所示：

谢谢你的帮助。

我正在尝试根据用户的语言选择动态更改布局，并即时从 LTR 切换到 RTL。

我正在使用 Angular 2 rc6，材料 2.0.0-alpha.9-3

看起来当页面加载时，它可以与 rtl 或 ltr 完美配合。但是，当它从应用程序内部动态更改时（请参阅 plunker），方向会发生变化，但生成的元素 md-sidenav-content 具有错误计算的 margin-right 和 margin-left。

进一步挖掘，我设法看到 _dir 对象有一个 eventEmitter 应该监视 _dir 的更改事件并重新计算边距

@角/材料/sidenav/sidenav.js：

但是在动态改变方向时它永远不会被调用。虽然，_dir 在第一次加载页面时保持正确的值，无论是它的 ltr 还是 rtl。

最后，这是一个演示行为的 plunker：

http://plnkr.co/edit/o8lXWC?p=preview

我怀疑我没有正确使用 _dir ，但没有设法找出正确的方法。