问题标签 [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.
javascript - intro.js 不能与角材料右侧导航正常工作
我在角度材料应用程序的右侧 sidenav 上创建 intro.js 教程时遇到问题。我能够在这个 plunker 中复制这个问题。
http://plnkr.co/edit/L0obADPTtiU028B806vF?p=preview
这是 intro.js/angular-intro 的错误，还是我做错了什么？我相信正在发生的事情是右侧sidenav上所选元素的位置计算不正确。这个问题并没有出现在这个 plunker 中看到的左手侧导航......
javascript - Angular2 Material Design 菜单出现，但在错误的地方并且不起作用
我的应用程序使用 Angular 2.0.1 和 Angular Material 2.0.0-alpha.8-2。根据 md-menu 文档，我已将菜单下拉菜单附加到 md-toolbar 标题中的按钮。这个标头、一个路由器出口链接和一个页脚是 AppComponent 中的 3 个元素。问题#1：单击按钮时，会出现测试菜单，但它位于页脚下方，而不是按钮的下拉菜单。我尝试了 x 和 y 位置，但没有结果。下拉列表包含用于路由到页面的锚链接。问题#2：点击锚链接时，下拉菜单消失，但没有路由到新页面。这些锚链接也在工具栏中用于测试目的，并且链接和路由器在工具栏中正常工作 - 在菜单之外。这是相关代码。
需要改变什么？
angular - 无法以角度 2 注入模块
有pikaday日历插件，我想在 angular 2 应用程序中使用它。
我已经通过npm i pikaday和下一个安装类型定义安装了它npm i @type/pikaday，但是在import {Pikaday} from "pikaday"我得到和错误之后：
模块 '"*/node_modules/@types/pikaday/index"' 没有导出的成员 'Pikaday'。
但我可以从这条路径的 index.d.ts 文件中看到，Pikaday 已被导出并声明。不知道如何解决它...
或者也许还有其他一些与 angular-material2 兼容的日历库？（我对“ng2-datepicker”和“angular2-datepicker”以及任何带有“bootstrap”或“jquery”的工具不感兴趣）。
我在最新的 angular-cli (beta.15) 和 angular 2.0.0 生成的项目中使用它。
angular - 如何在 Material2 中覆盖 $md-toolbar-min-height
我正在尝试材料 2 示例程序
md-toobar 的默认高度是 64px，定义在
材料 toobar.scss
angular - Angular Material 2 md-input 更改未聚焦文本和下划线颜色
未聚焦时是否可以更改 md-input 文本颜色和线条颜色？例如，我在深色背景上使用 md-input，因此想要白色字体和下划线（见下文）。注意我想为我的其他表单保留默认颜色，因此理想的解决方案使我能够直接设置特定控件的样式或在输入上放置不同主题的方法。
angular - Angular2-Material 更改 md-input 错误样式
如果我的表单出现错误，我会更改我输入的标签以及下面的文本颜色和边框颜色，就像使用 dividerColor 一样，但没有焦点，我希望它持久。
所以我在那里为标签制作了这段代码：
但是，当我运行项目时，我的 css 是这样修改的：
因此，它不起作用。你有想法吗 ？（由谷歌翻译翻译）
javascript - 用空值填充 FormGroup 和
在 Chrome 控制台中出现错误：异常：错误：未捕获（承诺中）：TypeError：无法读取 null 的属性“applicationName”。
模型： 导出类 BasicInfoModel {
控制器将数据发送到父组件，父组件将其保存到服务中。
控制器：
我想要达到的目标：
- 当我构建我的代码时，我希望我的 formGroup 应该填充空值。
- 当我填写数据并将其保存到我的服务中的 behaviorSubject 时，稍后当我重新访问该页面时，我的 formGroup 应该与数据服务同步。
unit-testing - 我应该如何对已导入其他模块（和组件）的 Angular2 组件和模块进行单元测试
我花了一段时间来了解 Angular2 中的模块并且非常喜欢它们，但是对于测试我的模块和其中的组件的最佳方法我有点不确定。（我也意识到我的 app.component 可以并且可能应该被更多地分解，但现在它在学习测试框架更复杂一点时很有帮助）
例如这是我的 app.module：
这就是我的 app.component 的样子：
所以我知道我可以MaterialComponents在我的测试中使用例如（这只是材料组件的包装器模块）来模拟所有组件，但这似乎有点乏味。这是我唯一的选择吗？如果是这样，在创建流程的组件部分时创建组件的模拟是否有意义。
仅供参考，这是我的材料模块的外观，我的视图和组件模块类似：
angular - Angular 2材料：在一条线上制作卡片
我在这里做了一个简单的代码http://embed.plnkr.co/INpybaat2XZqdStsKAdy/。卡片没有呈现在一行中。如何使它在一行中呈现？谢谢你。
javascript - 在 angular/material2 中使用 $primary scss 变量
我正在使用 angular-cli 和主题指南，以便在 angular/material2 应用程序中创建自定义主题。
在 scss 文件中，主色和强调色相应地分配给 $primary 和 $accent scss 变量。
有没有办法在自定义组件 scss 样式中使用 $primary 变量？当 angular-cli 尝试编译组件的样式表时，任何尝试结果：'未定义的变量：“$primary”'。
先感谢您