angular-material相关内容

动态角度形状的递归组件-错误:找不到名称为的控件:

我正在使用Reactive Form;创建一个项目,该项目基于从JSON文件创建Dynamic Form的Recursive组件。 来源 这是基于Creating Dynamic Angular Forms with JSON 的Ionic改编 我调整了递归版本过程和其他更改! 我的代码位于Stackblitz。 我将显示json-form.component.html ..

获取其他元素的角度材质主题配色方案/调色板

我正在构建一个应用程序,但我希望保持一致的配色方案,该配色方案可以通过设置进行更改,因此我使用的是角度材质,但是我不确定如何获得元素上的配色方案,这些元素不能直接提供使用color="primary"进行着色的功能,所以我只能尝试弄清楚如何获得我的材质主题使用的配色方案。 我希望它在主题更改时更改,例如,我的导航栏将适应主题更改,因为它设置为 ..
发布时间:2022-02-22 17:25:58 前端开发

如何动态更改 mat-chip 中的错误消息

我在 stackblitz 中有这个演示,https://stackblitz.com/edit/mat-chip-demo-dhm17z 它检查电子邮件验证,但 错误消息 “无效的电子邮件 ID 中的代码存在错误" ,如果删除无效邮件后列表中没有无效邮件,也会出现错误消息. 我该如何解决它,以便: 虽然列表中有无效的筹码元素=>应该出现错误信息如果列表中只有有效的 emials ..
发布时间:2022-01-19 13:15:38 其他开发

禁用在角度材料对话框区域之外单击以关闭对话框(使用 Angular 版本 4.0+)

我目前正在处理 Angular 4 项目的密码重置页面.我们使用 Angular Material 来创建对话框,然而,当客户端点击离开对话框时,它会自动关闭.有没有办法避免对话框关闭,直到我们的代码端调用“关闭"函数?或者我应该如何创建一个 unclosable 模态? 解决方案 有两种方法. 在打开对话框的方法中,传入如下配置选项disableClose作为MatDialog#o ..
发布时间:2022-01-15 13:43:15 其他开发

我怎样才能使 MatDialog 可拖动/角度材质

是否可以使 Angular 材质对话框可拖动?我安装了 angular2-draggable,当然可以在所有其他元素上使用该功能. 但是因为对话框是动态创建的,所以我不能在特殊元素上使用 ngDraggable 或者可以使用模板变量. 解决方案 自 Angular Material 7 起更新 您可以简单地使用 @angular/cdk 中的 cdkDrag 指令/拖放 ..
发布时间:2022-01-15 13:31:16 其他开发

Angular 嵌套拖放/CDK 材质 cdkDropListGroup cdkDropList nested

我使用 CDK Material 拖放实用程序来创建一个启用拖放功能的表单编辑器. 它工作正常,但是在 cdkDropListGroup 中嵌套 cdkDropList 不起作用.我无法将任何内容拖到嵌套的下拉列表容器中. 解决方案 我花了一些时间,但由于帖子中的提示,我终于找到了解决方案: https://github.com/angular/components/issu ..
发布时间:2022-01-11 21:25:23 其他开发

Angular 材质拖放多行列表

我有一份需要订购的物品清单.为此,我想拖放. 我正在使用 Angular Materials list 解决方案,但是我的列表换行了(flex-wrap)当我有多行时,它不会将项目放在它们应该在的位置. 这是一个例子;https://stackblitz.com/edit/angular-dnd-list-multirow 有谁知道如何进行这项工作? 谢谢. 解决方案 ..
发布时间:2022-01-11 21:18:39 其他开发

在复杂板(矩阵)上的 Angular 中拖放

所以我想在 Angular 中制作我的 Battleships 游戏版本,为此我需要一个 10x10 矩阵,我可以在其中拖放战舰(如果你玩过游戏,你就知道我在说什么)而且我我正在使用 Angular Cdk,但我根本无法让它工作. 到目前为止,我尝试的是用 div 制作一个表格,将元素放在一边并将它们拖放到板上,但我无法连接这两个数组,因为船只数组没有嵌套,而板子是嵌套的. 编辑:这里 ..
发布时间:2022-01-11 20:58:55 其他开发

如何在两个组件之间使用Angular7(角度材料)拖放

最近 Angular 在 Angular 材质中引入了拖放https://material.angular.io/cdk/drag-drop/overview. 所有示例都在一个组件中描述.如何在两个不同的组件中使用它,将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1: ..

在 mat-select 上重新选择相同的值时触发事件

我正在开发一个 mat-table,它实现了分页、过滤、选择等.我在其中一个标题列上有这个 mat-select用于为同一列上的所有其他 mat-select 设置全局值...像这样 到目前为止一切都很好,但是假设我选择了一个全局值,然后我增加了表的 pageSize,已经有选择的行将保持这种状态,但是新的附加行将具有默认值;现在,如果我再次转到全局 mat-select 并单击相同的选项将 ..