问题标签 [angular-material2]

当我尝试在代码中使用 Angular Material 时出现以下错误。

下面是代码：
app.component.ts：

app.module.ts：

app.routing.ts：

main.ts：

system.config.js：

一旦我添加MdButtonModule“app.module.ts”的导入列表，我就开始收到错误。

在使用 构建的Angular 2.0.0-rc.7+Angular Material 2.0.0-alpha.8-1应用程序中Angular CLI 1.0.0-beta.11-webpack.9-1，从rc.5+升级后出现以下错误alpha.7-4（通过1.0.0-beta.11-webpack.8NG CLI）：

我的package.json依赖是：

和

我main.ts的是：

这是我的@NgModule定义app.module.ts：

有什么想法吗？

我在 Angular2 中使用了 md-slider(Material2)。我可以在两个数字之间选择一个数字，但是有什么方法可以选择范围吗？

我愿意在应用程序的所有模块中使用一个通用的 css，即我的根 css。这可以通过styleUrls在所有组件中单独添加 css 路径来标记来实现。还有其他方法吗，比如在 NgModule 级别包含 css？

我正在尝试使用 Angular-cli RC5 配置材料 2。当我尝试在 app.module.ts 中加载材质按钮组件时，出现以下错误。

包.json

角-cli-build.js

系统配置文件

app.module.ts

有什么建议么？

谢谢你 ！

我有一个加载 Angular 2.0.0 的应用程序，即 2016 年 9 月 14 日发布的所有 rc 版本之后。我正在尝试添加 Google 团队的官方 MD 版本 Angular Material2。我正在从他们的入门站点复制/粘贴代码，除了我使用的是 Atom 而不是 angular-cli，因为我已经构建了应用程序的开始。Atom-typescript 找到所有内容并说没有错误。但是，尽管经过大量试验，当修改后的应用程序无法加载时，我反复收到这些未找到的控制台错误。

zone.js:1263 GET http://localhost:3000/node_modules/@angular2-material/button/ 404（未找到）scheduleTask@zone.js:1263

home:27 错误: (SystemJS) XHR 错误 (404 Not Found) loading http://localhost:3000/node_modules/@angular2-material/button (...)

zone.js:1263 GET http://localhost:3000/node_modules/@angular2-material/list/ 404（未找到）

我查看了上面的 node_modules 文件，它们存在于我的代码中。

根据入门中的说明，相关代码为：

app.module.ts

systemjs.config.js

HTML 页面有几个 md-list、md-list-item 和 md-button 标签。

我应该改变什么？

我的应用程序包含 15 个模块中的 100 个组件。是angular2.rc5和angular-cli.beta10。

我正在升级到但由于依赖angular-cli.beta14而保留。angular2.rc5

到目前为止，一切正常，但升级angular-material2图标开始引发错误。我只需要图标并且没有加载核心，但以防万一我也尝试加载它但没有成功。

如果我在 webpackContextResolve 进行调试，我会看到代码是：

主模块如下所示：

DeviceModule 看起来像这样：

像这样的 SharedModule ：

这是我第一次使用 webpack，我真的不明白为什么地图中只有一个模块，为什么特别是那个模块。

有什么建议吗？

更新

我找到了它的名字。在路由文件中，我需要加载一些共享的孩子。在 rc4 中，使用路由器 3.0.0-rc1 就像这样的路径：'device'，组件：DeviceComponent，

在 rc5 中，使用路由器 3.0.0

谁能向我澄清一下我应该如何通过.forRoot()调用来构建多个嵌套的功能模块层次结构？

例如，如果我有这样的模块怎么办：

所有功能模块都具有.forRoot()静态功能。

我应该如何定义FeatureModuleA以某种方式“转移”.forRoot()功能？

我可以为 root 使用创建另一个类，然后在forRoot()FeatureModuleA 的函数中设置它：

但是我怎样才能.forRoot()在这个特殊的 ModuleClass 中“转移”调用呢？

正如我所见，我需要将所有子模块直接导入我的根 MainModule 并.forRoot()在那里调用每个子模块：

我对吗？在您回答之前，请查看此文件： https ://github.com/angular/material2/blob/master/src/lib/module.ts

据我所知，这个 repo 是由官方 Angular 团队维护的。.forRoot()所以他们通过在一个特殊的 MaterialRootModule 模块中导入所有调用来解决上述问题。我真的不明白它将如何应用于我自己的根模块？root和.forRoot在这里的真正含义是什么？这是相对于包而不是实际的网络项目？

我正在尝试将 Angular Material 2 导入一个简单的 Angular 2 应用程序。我已经通过 NPM 成功下载了文件，并且可以将 MdCardModule 导入我的 app.module.ts 并编译没有任何错误。问题是，只要我将 MdCardModule 作为@NgModule 的一部分包含在内，而是显示组件文本“WORKING”，它就会变为空白。有什么理由吗？

这是我的代码：

app.component.ts

app.module.ts

索引.html

我有一堆不同尺寸的图像（有些比其他的宽，有些更高等）。如何使用material2（Angular2）使它们很好地适合md-grid-list？可以裁剪图像以填充网格图块（在屏幕上裁剪，而不是裁剪实际文件）。最好，该解决方案适用于响应式布局（手机 + 桌面屏幕大小），而不是硬编码的图像大小。