问题标签 [angular2-material]

注意：我不使用 Angular-CLI

这个 plunker 正在使用Alpha-8.1：https ://plnkr.co/edit/qoZ3YCwSz0mQ5o974Dt0?p=preview

我的快速启动应用程序正在运行，没有任何问题。

第 1 步：我更新了package.json以包含angular2-material和angular2-button包。

包.json

第 2 步：我运行npm install，我可以在node_modules文件夹下看到@angular-material文件夹。

第 3 步：更新systemjs.config.js以将@angular2/material包映射到node_modules umd.js文件。

注意：我有app: 'dist'将.map.js和.js文件与.ts文件分开

systemjs.config.js

第 4 步：更新app.module.ts

第 5 步：更新app.component.ts

错误：

localhost/:16 Error: Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/@angular2-material/button/button.umd.js (...)

我正在使用 “@angular2-material/sidenav”：“2.0.0-alpha.6-2”，并且我有引导菜单，我想在移动设备中切换到 md-slidenav，所以我能够隐藏我的引导菜单屏幕小于 768 像素并显示我的 md -slidenav 但它以某种方式继承了菜单高度并且不显示整个屏幕。

我也尝试将全屏指令添加到 md-slide-layout 标记，但它也不起作用

我将我的应用程序从 angular2 rc5 升级到了 2.0.0。一切都按预期工作。

然后我开始将 angular-cli 从 1.0.0-beta.9 升级到 1.0.0-beta.15，所以我要从系统升级到 webpack。@angular2-material/icon 出现错误。它找不到模块'.'，不管它是什么。

我的主模块如下所示：

像这样的 SharedModule ：

我的主要组成部分：

知道那是什么'。是模块还是怎么解决的？

我正在浏览Angular2 Material 的示例，我看到所有 Material 模块都使用该forRoot()方法导入到根模块中。所以在我的应用程序中我也这样做。

现在我需要在其他 Shared 模块中使用一些 Material 组件，这意味着我需要在我的 Shared 模块中导入相关的 Material 包。我不清楚forRoot()在共享模块中导入它们时是否也需要使用该方法。

提前感谢您的帮助

注意：我不使用 Angular-Cli

其他angular2 -material 组件似乎需要 OverlayModule。

zone.js:355 未处理的承诺拒绝：./AppComponent 类 AppComponent 中的错误 - 内联模板：2:2 原因是：没有覆盖的提供者！; 区域：; 任务：Promise.then；价值：

我已经从 angular2-material 安装了所有软件包。

sytemjs.config.js

我将sharedModule用于 angular2-material 组件，以便它们随处可用。

shared.module.ts

应用模块.ts

HTML：

我有一个使用内部的 Angular 2 Material 应用<md-sidenav-layout>程序<md-toolbar>。

它看起来像这样

我想要做的是让工具栏贴在顶部，这样当你向下滚动时它就不会移动。这是为了使其与 sidenav 及其标题保持一致。但目前它不起作用。

我虽然添加position: fixed; top: 0可以解决问题，但它没有

根据我从MDN 中读到的内容： position和这篇关于的SO 帖子position: fixed，如果父母使用transform. 而且我很确定这md-sidenav-layout就是切换 sidenav 时转换的用途。我已经position: fixed; top: 0在一个简单的静态页面上进行了测试，它工作正常。

我可以尝试将工具栏移出md-sidenav-layout.

我的 CSS-fu 不强。也许我错过了一些东西。有没有人对如何解决这个问题有任何想法？在这一点上，任何变通方法都是受欢迎的，只要我得到想要的效果。

这是Plunker。

我在我的应用程序中使用 angular2.0

我安装了 angular2-material 组件并导入了所需的模块

我尝试为我的一个组件编写测试用例

//about.component.html

//关于.component.ts

//关于.component.spec.ts

//package.json

当我这样做时ng test，我得到：

有没有办法解决这个问题？

我在这里做了一个简单的代码http://embed.plnkr.co/INpybaat2XZqdStsKAdy/。卡片没有呈现在一行中。如何使它在一行中呈现？谢谢你。

我正在使用 angular 2 material 单选按钮和一个具有属性 [checked] 的函数来确定是否应检查单选按钮：

该isChecked()功能正常工作，但即使它false在第一个单选按钮上返回，它也会显示为默认选择。仅当 isChecked 返回 true 时，我才需要检查第一个单选按钮

我整天都在努力打字以使用 angular2-materialize 和 materialize-css，但运气不佳。

我使用 npm install 和 save 选项安装了两者。

这是我遇到的错误之一：

(index):29 错误: SyntaxError: Unexpected token <(...)

这一行是：

建议？

systemjs.config.js

app.component.ts

索引.html