angular-material相关内容
ANGLING JIT编译失败:‘@ANGLING/COMPILER’未加载! 不建议对生产用例进行JIT编译!请改用AOT模式。 您引导时使用的是“@ANGLE/Platform-Browser-Dynamic”还是“@ANGLE/Platform-SERVER”? 或者,在引导之前为编译器提供“import";@angular/编译器";;”。 在开发模式下生成
..
我正在使用Reactive Form;创建一个项目,该项目基于从JSON文件创建Dynamic Form的Recursive组件。 来源 这是基于Creating Dynamic Angular Forms with JSON 的Ionic改编 我调整了递归版本过程和其他更改! 我的代码位于Stackblitz。 我将显示json-form.component.html
..
我正在构建一个应用程序,但我希望保持一致的配色方案,该配色方案可以通过设置进行更改,因此我使用的是角度材质,但是我不确定如何获得元素上的配色方案,这些元素不能直接提供使用color="primary"进行着色的功能,所以我只能尝试弄清楚如何获得我的材质主题使用的配色方案。 我希望它在主题更改时更改,例如,我的导航栏将适应主题更改,因为它设置为
..
..
我正在尝试实现我的 md-tabs,因此每个 md-tab 都是使用 angular-material 的单独状态.我当前的标记如下所示: md-tabs.is-flex.auto-flex(selected="selectedIndex",layout="vertical")md-tab(on-select="selectTab(0)",label="Player",ui-sref="sta
..
我在 stackblitz 中有这个演示,https://stackblitz.com/edit/mat-chip-demo-dhm17z 它检查电子邮件验证,但 错误消息 “无效的电子邮件 ID 中的代码存在错误" ,如果删除无效邮件后列表中没有无效邮件,也会出现错误消息. 我该如何解决它,以便: 虽然列表中有无效的筹码元素=>应该出现错误信息如果列表中只有有效的 emials
..
我需要将默认箭头图标从有角材料 matSort 更改为自定义箭头. 当前代码 有什么办法
..
..
Mat 对话框未打开并引发此错误.我还附上了父组件和对话框代码. core.js:6272 错误类型错误:无法读取未定义的属性“hasAttached"在 MatDialogContainer.attachComponentPortal (dialog.js:187)在 MatDialog._attachDialogContent (dialog.js:797)在 MatDialog.open
..
我目前正在处理 Angular 4 项目的密码重置页面.我们使用 Angular Material 来创建对话框,然而,当客户端点击离开对话框时,它会自动关闭.有没有办法避免对话框关闭,直到我们的代码端调用“关闭"函数?或者我应该如何创建一个 unclosable 模态? 解决方案 有两种方法. 在打开对话框的方法中,传入如下配置选项disableClose作为MatDialog#o
..
是否可以使 Angular 材质对话框可拖动?我安装了 angular2-draggable,当然可以在所有其他元素上使用该功能. 但是因为对话框是动态创建的,所以我不能在特殊元素上使用 ngDraggable 或者可以使用模板变量. 解决方案 自 Angular Material 7 起更新 您可以简单地使用 @angular/cdk 中的 cdkDrag 指令/拖放
..
我使用 CDK Material 拖放实用程序来创建一个启用拖放功能的表单编辑器. 它工作正常,但是在 cdkDropListGroup 中嵌套 cdkDropList 不起作用.我无法将任何内容拖到嵌套的下拉列表容器中. 解决方案 我花了一些时间,但由于帖子中的提示,我终于找到了解决方案: https://github.com/angular/components/issu
..
我有一份需要订购的物品清单.为此,我想拖放. 我正在使用 Angular Materials list 解决方案,但是我的列表换行了(flex-wrap)当我有多行时,它不会将项目放在它们应该在的位置. 这是一个例子;https://stackblitz.com/edit/angular-dnd-list-multirow 有谁知道如何进行这项工作? 谢谢. 解决方案
..
在对 Angular Material 10 进行更新后,我遇到了拖放指令的问题.enter,在 cdkDropList 中不再存在,所以我的代码 this.placeholder.enter(drag, drag.element.nativeElement.offsetLeft, drag.element.nativeElement.offsetTop); 不工作.我试图找出解决方案,但没有
..
Angular 7 带来了强大的 DragDropModule:https://material.angular.io/cdk/drag-drop/examples 该文档涉及重新排列列表中的项目或在多个列表之间转移项目.但是,它没有谈论表格. 我想知道是否有一种舒适的方法可以使用 angular material 的拖放系统来重新排序 mat-table 或 cdk-table 中的
..
所以我想在 Angular 中制作我的 Battleships 游戏版本,为此我需要一个 10x10 矩阵,我可以在其中拖放战舰(如果你玩过游戏,你就知道我在说什么)而且我我正在使用 Angular Cdk,但我根本无法让它工作. 到目前为止,我尝试的是用 div 制作一个表格,将元素放在一边并将它们拖放到板上,但我无法连接这两个数组,因为船只数组没有嵌套,而板子是嵌套的. 编辑:这里
..
最近 Angular 在 Angular 材质中引入了拖放https://material.angular.io/cdk/drag-drop/overview. 所有示例都在一个组件中描述.如何在两个不同的组件中使用它,将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1:
..
..
我正在使用以下功能打开我的垫子对话框: accept() {让 dialogRef = this.dialog.open(AcceptDialogComponent, {数据: {已接受:假}})dialogRef.afterClosed().subscribe(result => {控制台.log(结果);if (result.hasAccepted === true) {this.leadS
..
我正在开发一个 mat-table,它实现了分页、过滤、选择等.我在其中一个标题列上有这个 mat-select用于为同一列上的所有其他 mat-select 设置全局值...像这样 到目前为止一切都很好,但是假设我选择了一个全局值,然后我增加了表的 pageSize,已经有选择的行将保持这种状态,但是新的附加行将具有默认值;现在,如果我再次转到全局 mat-select 并单击相同的选项将
..