问题标签 [angular2-material]

这是一个使用 Angular 2 Material组件的 plunker 演示。md-tab-group

基本上，这

呈现到具有 200px 高度的主体的选项卡。它使用 flex 布局，我无法从源代码中找到如何更改最小高度。实际上，这种风格是为md-tab-group：

如何正确地将最小高度恢复为0 md-tab-group？这min-height是从哪里来的？

看来问题是特定于2.0.0-alpha.5and2.0.0-alpha.5-2的，它没有出现在master.

我正在尝试使用 Material 在 Angular2 中实现一个复选框。我提到了https://www.npmjs.com/package/@angular2-material/checkbox，其中包含有关使用 Material 在 Angular2 中使用复选框的所有内容。但是，学习和使用它过于复杂和耗时。

如果你们中的任何人已经实现它，请帮助我。我希望复选框看起来像这样。

我正在使用 angular 2 和 angular 2 材料。到目前为止，我一直在使用 css 进行样式设置，但我希望使用此代码笔中显示的此复选框，例如：https : //codepen.io/Sambego/pen/zDLxe 它涉及 scss 并且我不知道我应该在哪里以及如何把这个scss代码。这是我的subject.component.ts：

注意：我不使用 Angular Cli。

我添加了@angular2-material/core包。然后我安装了其他 angular2-material 组件，例如@angular2-material/button、@angular2-material/card等。

systemjs.config.js

当我运行我的应用程序时，我看到以下错误，

加载资源失败：服务器响应状态为 404（未找到） http://localhost:3000/node_modules/@angular2-material/sidenav/加载资源失败：服务器响应状态为 404（未找到） ) http://localhost:3000/node_modules/@angular2-material/toolbar/ 加载资源失败：服务器响应状态为 404 (Not Found) localhost/:16 Error: Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/@angular2-material/button (...)(匿名函数) @ localhost/:16 http://localhost:3000/node_modules/@angular2-material/card/加载资源失败：服务器响应状态为 404（未找到） http://localhost:3000/node_modules/@angular2-material/input/加载资源失败：服务器响应状态为 404（未找到） http://localhost:3000/node_modules/@angular2-material/checkbox /加载资源失败：服务器响应状态为 404（未找到）http://localhost:3000/node_modules/@angular2-material/radio/ 加载资源失败：服务器响应状态为 404（未找到找到） http://localhost:3000/node_modules/@angular2-material/icon/加载资源失败：服务器响应状态为404（未找到） http://localhost:3000/node_modules/@angular2-material /list/加载资源失败：服务器响应状态为 404（未找到） http://localhost:3000/favicon.ico加载资源失败：服务器响应状态为 404（未找到）

一个简单的问题，希望得到一个简单的答案：我一直在尝试将对话框从@angular2-material 添加到我自己的项目中，但到目前为止，我只是尝试将 node-modules/@angular2-material 文件复制到我的项目节点-模块目录失败。

我已经使用 npm 成功安装了 core、button 等，但是尝试使用 dialog 失败了。如果我尝试使用演示对话框应用程序文件作为概念验证，我只会进入“正在加载...”，因此组件永远不会正确实例化。

我应该使用什么方法？阶段发布脚本，发布到本地 NPM 存储库，...？

Angular2 材质复选框、工具栏和 nd 按钮组件正在使用 css 显示。但是 sidenav 没有与 css 一起显示。上面提供的图像。

使用的代码来自

https://www.npmjs.com/package/@angular2-material/sidenav

组件文件

注意：我不使用Angular-CLI

我有我正在运行的 angular2-quick-start 应用程序。

包.json

注意：我在 packageg.json 中有angular2 -material参考

systemjs.config.js

app.component.ts

zone.js:101 GET http://localhost:3000/node_modules/@angular2-material/button/404（未找到）scheduleTask@zone.js:101ZoneDelegate.scheduleTask@zone.js:336Zone.scheduleMacroTask@zone.js:273（匿名函数）@zone.js:122send@VM278:3fetchTextFromURL@system.src.js:1156 (匿名函数)@system.src.js:1739ZoneAwarePromise@zone.js:584(匿名函数)@system.src.js:1738(匿名函数)@system.src.js:2764(匿名函数)@system.src .js:3338(匿名函数)@system.src.js:3605(匿名函数)@system.src.js:3990(匿名函数)@system.src.js:4453(匿名函数)@system.src.js :4705(匿名函数)@system.src.js:408ZoneDelegate.invoke@zone.js:323Zone.run@zone.js:216(匿名函数)@zone.js:571ZoneDelegate.invokeTask@zone.js:356Zone.runTask @ zone.js:256drainMicroTaskQueue @ zone.js:474ZoneTask.invoke @ zone.js:426 (index):16 错误：错误：XHR 错误（404 Not Found）加载 http://localhost:3000/node_modules/@angular2-material/button (...)

我正在Angular 2 rc 5使用ng2-Material alpha 7-2.

基本问题是，使用<md-icon svgIcon='icon'>显示来自同一个 svg 文件的相同图标将在一个组件中工作，但在另一个组件中不起作用，即使MdIconModule并MdIconRegistry提供给根AppModule

复制问题

• 打开这个插件
• 请注意，MdIconModuleand是作为mainMdIconRegistry的一部分导入的MaterialModule.forRoot()AppModule
• 打开AppComponent并注意addSvgIconSet()注册图标的调用
• 在模板中，<md-icon svgIcon='ic_account_box_24px'>用于显示图标。在视图中，图标成功显示在导航栏上方。
• 在视图中打开app/crisis-center/crisis.list.component并打开危机中心。
• 注意在模板中，同样<md-icon>存在。但是，视图中的危机列表上方不会显示任何图标。来自浏览器开发工具的 DOM 检查器显示角度解析器甚至没有将其识别为角度组件（在 dom 中，它与代码中的完全一样）

因为我将图标模块和服务导入到根模块中，所以我希望该服务是可供整个应用程序使用的单例。由于我使用该服务iconRegistry.addSvgIconSet()在我的 bootstrapped中注册图标AppComponent，我希望这些图标可以在整个应用程序中访问。

PS：这可能与我昨天报道的有关，虽然在那种情况下应用程序崩溃了；在这种情况下，图标只是不显示。

我在这里学习教程http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

当我尝试运行汇总时，出现此错误。模块 /Users/gordon/workspace/CraigsMenu/craigsmenu-web/node_modules/@angular2-material/input/input.js 不导出 MdInputModule（由 /Users/gordon/workspace/CraigsMenu/craigsmenu-web/dist/app 导入。模块.js)

我不确定是哪件事导致了这个问题。angular2 材质输入是否可能没有正确支持 es2015 并且仍然是 commonjs 模块？

任何事情都有帮助。提前致谢！

我正在尝试使用 Angular2-material 运行基本的 Angular2 应用程序，但是出现以下错误。

zone.js:461 未处理的承诺拒绝：TypeError：core_1.NgModule 不是函数

app.component.ts

我已按照此处显示的所有步骤进行操作。