问题标签 [angular-material-5]

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.

0 投票
1 回答
5278 浏览

angular - Mat-Select 选择当前选择的选项

我需要对选项选择做出反应。我的问题是,当我选择选项 A 时,此组件未发出事件(selectionChange输出未发出新事件),我打开选择窗格并再次选择选项 A。该事件未触发,因为选择未更改,但我需要在我的用例中触发选择更改事件。有人知道该怎么做吗?有没有办法selectionModel在这个mat-select组件中覆盖?我有一个链接列表,选择其中任何一个后,即使用户再次选择相同的链接,我也需要做出反应。我正在使用@angular/core@5.2.5@angular/material@5.2.1

这是我要使用的带有此组件的模板:

0 投票
2 回答
944 浏览

angular - 如何使整个 mat-tab 功能像锚标签

在这里,我面临着垫标签的问题。为了导航到新路线,我需要单击标签而不是选项卡,但我需要的是每当我单击 mat-tab 时都需要导航到新路线。

我的代码如下

0 投票
1 回答
12562 浏览

javascript - 当下拉关闭时,垫选择点击外部不起作用

我使用 Mat select angular 组件制作了下拉菜单,当我在下拉菜单(页面正文)之外单击时需要触发一个事件。

这是我的 ts 文件

它不能正常工作,请帮助

0 投票
1 回答
2068 浏览

angular - Snackbar 样式 - Angular Material 6

我正在使用 Angular 6 和 Material 6,我需要将margin-bottom: 20px设置为小吃吧。我遇到的问题是当一个关闭而另一个打开时动画重叠。我该如何解决?

1)正确的方式(网络示例)。当必须显示新消息时,小吃栏会完全消失,然后才会出现新消息(https://scud.herokuapp.com/book在此处输入图像描述

2)我的代码(坏)

在此处输入图像描述

示例:转到官方小吃店示例(https://stackblitz.com/angular/qyllrqbvykv?file=styles.css)。转到“style.css”并添加这段代码并多次单击按钮。

0 投票
1 回答
1248 浏览

flexbox - 根据分辨率更改 Angular 材质按钮样式

如果屏幕很小,我需要从按钮中删除文本。我使用 Flex API 所做的。我还需要将按钮样式从“mat-raised-button”更改为“mat-mini-fab”。如何使这个按钮属性有条件?小屏幕上的 ex 属性“mat-mini-fab”应该应用于其他“mat-raised-button”。更喜欢在这里使用 Flex API,例如用于元素的 fxShow fxHide。

0 投票
1 回答
2225 浏览

angular - Angular Material 如何使单元格可点击

我正在动态渲染一个材质角度表,我想让一行单元格(通过名称渲染)可点击。我不想添加按钮,只需使呈现的名称可点击。

例如,我有一个 if 检查 (*ngIf="arr.data === 'id'") 然后在 id 旁边呈现一个图标,如下图所示。

在此处输入图像描述

我正在通过 id 54 旁边的 if 检查来渲染日食。如何使 id 可点击而无需在角度材料表内渲染图标?

0 投票
0 回答
274 浏览

javascript - 角度 5 中的自定义管道不起作用

这是我的 emp 对象数组:

这是我的 HTML 模板,我通过角材料的垫选择组件在下拉列表中显示 emp 对象:

I want when particular emp name will selected, it will match with remaining element (first part of special character “_”), if match found it will show as usual else disabled.

这是我的自定义管道:

在这里,如果我选择第一个元素,最后两个将被禁用。

请帮助如何实现这一目标或任何更好的方法来做到这一点。

0 投票
0 回答
64 浏览

angular5 - 如何在元素样式角度材料默认值中禁用继承

有没有人知道如何在角度材料默认情况下禁用它,我想禁用font-size:inherit。我尝试使用 Viewencapsulation.none 但它不起作用。谢谢

在此处输入图像描述

0 投票
2 回答
1063 浏览

angular-material-5 - 禁用控件状态时,角度材质输入将占位符移动到顶部

当我们在输入控件中输入值时,角度材质占位符成为标签。

我将我的表单用于查看和编辑模式。在查看模式下,我只是禁用表单,因此用户无法编辑它(基于用户角色和 API 也会处理它)

然而,看着上面带有占位符文本的控件看起来很奇怪。是否有任何 CSS 技巧,以便我可以使占位符值成为该控件的标签并将输入显示为空白字段(因此看起来该控件没有可用值,并且占位符实际上成为顶部的标签)

请指教

0 投票
1 回答
1117 浏览

javascript - 以 5 角动态更改下拉项目的类别

如果所选元素的第一部分(“ ”字符之前)与下拉元素的第一部分(“ ”字符之前)匹配,则该类不会更改字体颜色,如果不匹配,则该类将触发并且字体颜色将更改。

逻辑需要动态启用禁用元素,如果名称的第一部分与所选元素的第一部分不匹配。

这是我使用角度材料垫选择产生下拉的对象数组。

这是我的 html 模板代码,使用 mat select 显示下拉菜单

在我的 CSS 中,我添加了类

这是我的 .ts 文件,我已经实现了 hideProjects()

如果有人选择第一个元素,则最后两个元素的颜色将被更改。

此代码无法正常工作,请帮助

或任何更好的方法来实现这一点