问题标签 [angular2-material]

我有一个 angular2 应用程序。在我的页面中，最初不会加载文本或任何标签。当我选择任何样式并取消选中时，文本开始显示。任何想法，为什么会发生这种奇怪的事情？我不确定我们是否可以通过 CSS 处理这个问题，或者在我的 angular2 应用程序中包含文件时出现问题。任何输入都是可观的。

在我的模板文件中-

在我的 .ts 文件中-

在 globalObject.ts-

我正在使用角度材料设计来显示内容的另一个模板文件-

因此，在我的整个应用程序中，当我必须从一个屏幕导航到另一个屏幕并且需要使用数据时，我会将数据保存到全局对象。在下一个屏幕中，我从全局对象中获取数据。这是我的应用程序的基本流程。

在这两种情况下，如果我登陆屏幕，内容不会显示。当我检查并检查并取消选中特定样式时，即使在页面刷新后它也会开始显示并保留。不确定，发生了什么。有没有人遇到过类似的问题。

我想制作一个自动完成组件，它向服务器发出请求并在屏幕上呈现接收到的值。我试图了解portaland是如何overlay工作的。现在这是我的自动完成组件

这是html

该组件可以正常工作并按应有的方式呈现叠加层。覆盖容器呈现选项唯一的问题是宽度。我阅读了门户和覆盖的核心概念，但我想了解它是如何与 Angular 一起工作的。

谁能解释一下它是如何工作的？或者至少我如何控制它的宽度？

使用 angular/material2 如何设置img md-card-image以响应高度。这是取自https://github.com/angular/material2/blob/master/src/lib/card/README.md的示例

我想将图像高度设置为 200px 并希望将宽度缩放到这个值。

这是一个例子 http://plnkr.co/edit/DE8O7UYKid2NhpkiRWEF?p=preview

我试图将我的 img 标签包裹在一个相对容器周围并给出图像绝对位置，但仍然不是预期的结果：

http://plnkr.co/edit/ncJypD9NTeHqkcRA8TFb?p=preview

我正在尝试使用 material2 sidenav 组件。我希望它与内容分开。只是一个全高的侧边栏，可以在那里和向后滑动 - 没有任何 sidenav 布局，因为它在我的应用程序布局中创建了一些不需要的东西。

我想要的看起来非常接近https://inbox.google.com/u/0/?pli=1 sidenav。我目前拥有的是：

这听起来可能很愚蠢，但我想知道是否有一种方法可以将一个模块导入一次，并使其可用于所有子模块。

例如，我想在我的所有模块中使用 MaterialModule。目前，我必须在每个模块中导入它，声明它，然后我才能使用它。

我试过只把它放在app模块中，导出它，但它似乎没有效果。

所以我的问题是：是否可以在 app 模块中声明一个模块，以便我们可以使用它而不在子模块中声明它？

如果它是一个文本框而不是一个选择，这不会像它那样显示选定的值。怎么了？

我想使用 next 和 prev 功能从一张幻灯片移动到另一张幻灯片。我不能使用 JQuery，所以 '$' 不是一个选项。我向我的轮播添加了一个 [materializeActions] 属性，并在我的组件中设置了事件发射器。我知道有些东西在起作用，因为当我调用 "actions.emit('next') 时，我没有收到错误；但是，当我调用 "actions.emit('badFunc') 时，我确实收到了错误。

此代码来自 angular2-materialize 提供的示例。我添加的只是一个下一步移动的按钮。

来自组件的代码：

I am try to add my custom color like red and green in @angular2-material/slide-toggle. If slide-toggle is disabled so color is red and if enabled so color is green.

My component.html code here:-

My component.td code here :-

I repeat my questions:-

1. How to add custom color in angular2 material slide-toggle?
2. If slider-toggle is disabled so color is red otherwise green.

Thanks!

我正在尝试mat-menu在我的应用程序工具栏中为我编写一个测试。当我调用button.click()测试时，Cannot read property 'templateRef' of undefined控制台中出现错误。

正如浏览器中的所有作品一样，我相信这与我运行测试的方式有关？

app.component.spec.ts

app.component.html

如何更改所选选项的颜色mat-list-option？现在我有这样的事情：

当前列表

我想将整个选项或卡片“选择”的颜色更改为绿色。像这样的东西：

我的代码是这样的：