问题标签 [angular-material2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 更改 Angular Material 2 的主要/强调/警告颜色
我正在使用 Angular Material 2/Typescript 来构建应用程序。这些控件的默认主题与我公司的颜色不兼容，所以我一直在更改它们。但是，如果我可以更改主要、重音和警告的根颜色，而不是在整个应用程序中使用 LESS 覆盖它们，那就容易多了。有没有办法轻松地做到这一点而不必进入 node_modules 文件夹？
angular - 更改 Angular 材质 2 中的原色
我正在尝试更改 Angular Material 2 (alpha 6) 中的默认原色。
我从这个官方文档中得到了一些想法。
我在下一行中找到_default-theme.scss并node_modules > @angular2-material > core > style用紫色替换了青色。
但是蓝绿色仍然显示在页面中，粉红色从未出现。我错过了什么？如何更改原色？
（我使用 Angular Material 2 alpha 6 和 Angular 2 RC4）
angular - 我应该如何从 angular2-material design 中为 angular2-app 使用选择标签下拉菜单
我正在使用 @angular2-materail组件来构建我的应用程序并格式化表单输入元素。我正在使用md-input等，md-checkbox但没有找到任何组件来显示选择下拉菜单。有没有可以用来格式化select下拉菜单的组件？
angular - 使用材料 2 在 Angular 2 中折叠的 sidenav
我正在使用 Angular 2 和 Material 2 开发 sidenav，
在Open State中，如下所示，
但是在关闭状态下它隐藏了整个sidenav，相反我只想隐藏菜单文本而不是图标。
看我的代码，
javascript - Angular2 Material md按钮错误
我之前看到 Angular2 推出了 RC5，所以我决定更新我的一个测试应用程序以查看更改以及如何调整。这个应用程序正在使用 Material2，我也将其更新到 Alpha 7.2，但是在尝试使用 md-button 组件时出现此错误
“模板解析错误：无法绑定到 'md-ripple-trigger'，因为它不是 'div' 的已知属性。("*ngIf="isRippleEnabled()" class="md-button-ripple" [ class.md-button-ripple-round]="isRoundButton()" [ERROR ->][md-ripple-trigger]="getHostElement()" [md-ripple-color]="isRoundButton() ? 'rgba( 255, 255, 255, 0.2)"): MdButton@0:180 不能绑定到 'md-ripple-color' 因为它不是 'div' 的已知属性。("ton-ripple" [class.md-button-ripple-round]="isRoundButton()" [md-ripple-trigger]="getHostElement()" [ERROR ->][md-ripple-color]=" isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''" md-ripple-background-color="rgb"): MdButton@0:219"
我在一个我试图添加的新组件上使用它nav-bar，这是 Angular CLI 创建的文件，添加了 Material
打字稿文件
HTML 文件
angular - 没有名称的表单控件的值访问器：'recipient'
升级到 Angular 2 Rc.5 后出现此错误。这是我的组件模板：
我的 app.module.ts 导入FormsModule
我也尝试private recipient;在我的组件中声明。
我错过了什么吗？为什么我会收到此错误？
angular - 在 Angular2 中显示进度条的最佳方式是什么？
执行 HTTP 请求时，在 Angular2 应用程序中显示进度条的最佳方式是什么？
我使用AngularMaterial2 进度条尝试了以下操作：
但是如何找到上述代码的“价值”呢？
（如果无法查到一个 HTTP 请求的实际进度，那么实现 Youtube 或 Github 风格的进度条的最佳方法是什么？）
angular - angular-cli prod 构建的问题
如果我使用 ng serve，我的应用程序似乎工作正常。当我导航到本地主机时，没有错误。
当我进行产品构建并发布站点时，出现以下错误：异常：错误：未捕获（承诺中）：表单控件没有值访问器，名称为：'email'
我正在使用 cli 1.0.0-beta.11-webpack.2；角 2 RC5; 材料 2.0.0-alpha.7-4。
app.modlues.ts 如下所示：
发生错误的登录组件：
登录组件html：
angular - Angular 2 Material 2 Slide Toggle 在 Alpha 7 中似乎不起作用错误：找不到名称“HammerInput”
我刚刚升级到 Alpha 7，升级后 Slide Toggle 似乎坏了。
当我在 Visual Studio 2015 中编译我的项目时，我收到以下错误：
显然，以下行似乎导致了 slide-toggle.d.ts 中的问题：
angular - 使用 Angular Material2 和 Bootstrap4 css 进行网格布局
Angular Material2 (alpha.7) 还没有像引导网格系统那样的响应式网格组件。bootstrap 中的布局/网格系统允许创建响应式布局（适应屏幕大小，而无需处理涉及自定义媒体查询和计算断点像素值的编写 css），这非常有用。
我注意到在 material2 项目中包含 bootstrap css 时 material2 组件的边距/填充问题。例如：md-card组件开始重叠。
有没有办法让这两个库一起玩得很好？
或者
有没有办法在不包括引导 css 的情况下在 material2 中获得像响应式布局/网格一样的引导？