问题标签 [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 投票
2 回答
219 浏览

angular5 - 如何从子组件向父组件发送通信?

我仅出于基础或父组件代码的大小和代码组织的原因拆分了组件。所以根据父组件的部分拆分组件

所以每个子组件都是同一个父组件的每个部分。但我的问题是如何从父组件访问子组件对象?因为我看到的大多数示例都是基于来自父组件的单击事件来查看子组件如对话框),并且该值被传递回父 html 单击事件并使用发射器和输出参数捕获值。

而在我的情况下,没有这样的点击动作来触发子组件。那么如何将子组件的值传递给父组件呢?

0 投票
0 回答
2868 浏览

angular - 使用 angular-cdk 创建叠加层中的垂直滚动

我使用 cdk 的 Overlay 在单击按钮时显示一些内容。除了垂直滚动机制外,一切都按预期工作。

当我降低浏览器的高度时,覆盖层内的内容会获得垂直滚动条。Given max-height: 600pxand height: 600pxto both panelClassand content too。但仍然是相同的行为。

试图查看 angular-material 对话框代码,但无法理解如何实现滚动。

由于缺乏明确的文件,Overlay.scrollStrategies我不清楚是否必须朝这个方向看。

下面是代码摘录,我用它来制作叠加层。

0 投票
1 回答
775 浏览

angular - 使用切换选项打开/关闭 ngx-material-keyboard

我刚开始使用 Angular 5开发应用程序。我需要将ngx-material-keyboard集成到我的应用程序中。

我可以通过添加[matKeyboard]="'en-US'"将其集成到输入字段中。现在,onfocus 在输入字段中,显示虚拟键盘,onblur 关闭。

现在如何使用切换选项或按钮控制集成到输入字段的键盘的打开和关闭?

谢谢。

0 投票
2 回答
4171 浏览

angular - 排序不工作的角材料设计表

使用 Angular Material Design 表,我只是想对数据表中两列的标题进行排序。(它们是下面代码中的 Employee Name 和 Job Title 列。)两者都没有排序。不知道为什么。这是我的代码,谢谢,CM

员工表.component.html

员工表.component.ts

0 投票
2 回答
2352 浏览

angular-material - Angular5材料分页器不起作用

我想在我的 angular t 项目中使用MatPaginatorModule ,但出现错误:

无法绑定到“pageSize”,因为它不是“mat-paginator”的已知属性

1. 如果 'mat-paginator' 是一个 Angular 组件并且它有 'pageSize' 输入,那么验证它是这个模块的一部分。 …………………………………………………………………………

html

我在 app.module.ts 中导入了模块

我正在使用 angular5

包.json

0 投票
1 回答
1416 浏览

angular-material2 - Mat-select:当数据加载到promise上时没有预选值

我通过http加载一组组以进行mat-select。我的 .ts 代码如下所示:

在我的html中:

因此,当我加载这样的数据时,我在 mat-select 中没有预选值。如果数据被硬编码为一个值数组 - 没问题,但是当我添加 Promise 时它就坏了。我不明白为什么在 loadGroups() 承诺得到解决后 ui 上的值没有更新。

0 投票
2 回答
4990 浏览

angular - Angular Material Snackbar 全局配置

我正在按照 Angular Material github 上的指南设置自定义全局配置以在小吃栏模块上使用。这是我正在遵循的指南

但是,正如文档中所说的那样,MAT_SNACK_BAR_DEFAULT_OPTIONS仅没有导出,MAT_SNACK_BAR_DATA但它没有覆盖默认配置。

这是我尝试过的:

我也试过这样:

但是没有一个选项有效。零食在指定时间后不会自动关闭。

0 投票
0 回答
620 浏览

angular - 无法解析 DialogService 的所有参数:(?, ?, ?)

我已通过更新 package.json 文件将我的应用程序从 angular 4.4 更新到 angular 5.2 但收到此错误Uncaught Error: Can't resolve all parameters for DialogService: (?, ?, ?)

Dialog-service.ts 如下

我已经尝试了许多版本的角材料和角其他版本,但找不到任何解决方案。对话服务或角度材料版本 5.2.5 有什么问题吗?我正在使用 angular 5.2.10 和材料 5.2.10 。有人可以帮忙吗?

0 投票
0 回答
310 浏览

angular - 如何在特定宽度后增加 MatInput 的高度

目前正在为我的应用程序中的聊天功能使用 Angular Material。我使用 MatInput 输入消息所以我想要什么,如果用户输入的文本超过 MatInput 的特定宽度,那么它会自动将溢出的文本移动到下一行(如 MatTextArea

当前 MatInput

0 投票
5 回答
10058 浏览

css - 如何制作具有粘性第一列的角材料表

有没有办法使用 CSS 制作具有粘性第一列的 Angular Material?

这里准备编辑Stackblitz 代码

我试图调整这个解决方案https://jsfiddle.net/zinoui/BmLpV/但由于某些原因,第一列被从表中抛出并且它失去了样式。