使用 cdkDropListConnectedTo 连接多个拖放区的 Angular CDK
我正在创建一个带有泳道的简单板界面，比如 Jira 泳道或 trello 板 红线表示电流 蓝色表示我想要实现的流程 我有三列，分别名为“待办事项"、“进行中"和“已完成".目前，我可以使用 cdkDropListConnectedTo 将项目从 To Do 拖到 In Progress，从 In Progress 拖到 Done，再从 Done 拖回 To do. 我想知
..
angular-material相关内容
Angular Material，Md-datepicker - 在输入点击时打开日期选择器
我想打开日历，用户不仅在用户单击日历图标时，而且在单击输入字段时从日期选择器中选择日期.Material DatePicker.所以我为此创建了指令，将它附加到 并观察输入时的 (click) 事件: HTML:
..
中没有足够的空间.如何添加多行<mat-option>?
我想在选项文本下添加描述选项的行.默认情况下 mat-select 限制字符数并在行尾添加“...".我想有需要的多行选项.stakckblitz 演示:https://stackblitz.com/edit/angular-wj9svw我的代码: 导出类 SelectOverviewExample {食物:食物[] = [{value: 'steak-0', viewValue: 'Steak
..
如何使 mat-select 始终在 angular2 的表单字段下打开?
我需要角材料 mat-select 组件在其表单字段的正下方打开，但它会打开所选选项位置的下拉列表，并且容器根据所选选项移动到顶部.有没有办法直接在表单域下打开下拉容器? 解决方案 该行为由 Material Design 规定.您可以使用 disableOptionCentering 选项关闭所选选项的居中，但这会将顶部选项置于字段上方而不是其下方.您可以通过指定 panelClass
..
中心垫菜单，中心垫菜单覆盖到按钮
根据 材料问题 9631 居中 mat-menu 按钮如下. 问题是支持它与规范背道而驰，最终可能看起来很奇怪. 我需要这个功能...因为编写我自己的 CDK 覆盖会比覆盖 mat-menu 组件更耗时...我对重新创建mat-menu，并且只需要将菜单居中...我也对任何其他库来完成此操作不感兴趣，我想使用 Material mat-menu，所以我的问题如下. 问题:
..
使用自定义 CSS 覆盖 Material2 样式
我在 Angular 中有 Datepicker 元素.它是 Material Design 的标准组件. 当我尝试为该元素设置自己的样式时，它不适用于属性 !important. 如何修复它，以及如何更改默认组件的样式? 代码示例: .mat-datepicker-toggle {margin-right: 10px !important;} 解决方案 另一个选项是设置
..
Mat Table 未在 ngOnIt 上显示数据，但在刷新后显示
我将 Angular Material 与 Angular 一起使用. 我的表没有在 ngOnInit 生命周期钩子上显示数据，但在我刷新应用程序后它显示: 即使 ChangeDetectorRef 也不影响表格. 这是表格的模板:
..
Angular Material 7 Multi Select - 设置选定值
我正在尝试为多选下拉菜单设置选定的值，如下所示 //循环使多个复选框被选中&根据条件设置 document.getElementsByTagName('mat-pseudo-checkbox')[index].classList.add('mat-pseudo-checkbox-checked');document.getElementsByTagName('mat-pseudo-chec
..
在线性 mat-horizontal-stepper 中使用单独的组件
在 Angular 中，是否可以有一个线性步进器，其中各个步骤是单独的组件?例如:
..
Angular Material - 获取数据表中行的索引
我正在使用 Angular Material 中的 MatTable 组件制作动态数据表. 我需要获取一行的当前位置.我可以轻松获取用户单击的行，但我无法知道它在列表中的当前位置(取决于排序/过滤/分页). 有什么想法吗? 解决方案 在你的 mat-cell 中，你可以得到类似 *ngFor 的索引 {{ 一世 }} Update 从 Angular
..
角材料可折叠卡
有没有办法使用角形材料制作可折叠卡片?似乎是相当流行的东西，但我一直在这里寻找合适的角度材料组件/设置:Angular Material - Card 却一无所获. 谢谢！ 解决方案 就像 Will 提到的那样，只需使用扩展面板.https://material.angular.io/components/expansion/overview 否则只需创建一个普通的 Angul
..
按下退出按钮时防止关闭 Angular Material 对话框，但在单击背景时允许关闭
默认情况下，当按下 esc 按钮时，对话框关闭.但是，我不想要这种预期的行为. 我希望在按下 esc 按钮时阻止关闭，但仍允许单击背景以关闭对话框.这怎么办? 我试过这样的事情.但是，它不起作用: openEditDialog() {const dialogRef = this.dialog.open(EditPlaceDialogComponent, {宽度: '90%',高度:'
..
一个组件中的多个材料分页在 Angular 中不起作用
我尝试创建一个组件，其中包含两个数据表，每个数据表和另一个数据源.由于我的 *ngIf，我的表格在组件加载后不可见，因此我无法使用 ngAfterViewInit() 而我正在使用用户的解决方案在 Github 上指出: 私有分页器:MatPaginator；私人报告分页器:MatPaginator；私有排序:MatSort；私人报告排序:MatSort；@ViewChild(MatSort)
..
我们如何在按下 tab 键时选择 mat 选项?，它应该像 mat-autocomplete angular 6 中的输入按钮一样工作
我们如何在按下 tab 键时选择 mat 选项?，它应该像 mat-autocomplete angular 6 中的输入按钮一样工作......在下面的 URL 中，按 Enter 时它可以工作，但是每当我们按 Tab 按钮时，它都应该选择突出显示的选项.
..
如何在 Angular 4 的 HTML 中包含或排除属性
我使用 angular 4 和 angular 材料来构建一张桌子.我希望在以下模板上有条件地添加 mat-sort-header. Id 我尝试了以下代码: Id 但它仍然为该列在表格中添加排序标题. 我的整个表格如下所示，并且工作正常，除了排序标题问题:
..
angular 5 应用程序的 Angular 材质版本
我正在为此构建一个 angular5 应用程序，我需要 angular 材料，哪个版本的 angular 材料与 angular 5 应用程序兼容以及如何安装它. 解决方案 有了Angular 5，就可以使用angular material 5了.执行以下命令安装@5.2.5版本angular/material 和 @angular/cdk: npm install --save @an
..
如何通过 Angular 中的自定义指令添加 mattooltip
我正在创建一个名为 TooltipDirective 的自定义指令，它将向每个宿主元素添加 matTooltip，代码如下 import { Directive, ElementRef, Input, OnInit, Renderer } from '@angular/core';@指示({选择器:'[工具提示]'})导出类 TooltipDirective 实现 OnInit{@Input()
..
MatDialogRef 没有提供者
我使用的是材料 2 版本 2.0.0-beta.12.我需要调整材质Modal的位置.我按照这个答案来做到这一点.https://stackoverflow.com/a/44238699/8253445 由于 MdDialog 现在不可用，我使用了 {MatDialog, MatDialogRef,MAT_DIALOG_DATA}. constructor(public dialog: MatD
..
如何将从服务接收到的 json 数据传递到 angular 4 的角度材料中的组件中的数组
我是 Angular 4 和角度材料的新手，我正在尝试将带有 http、分页、排序和过滤的角度材料数据表添加到我的仪表板组件中，使用硬编码数组，我能够实现过滤、排序和分页.但我无法将服务中的 json 数据传递到数组中. 任何帮助将不胜感激.提前致谢..!!! 请在下面找到我的代码. test.json [{"名字": "吉尔","LastName": "史密斯",“分数":“
..
Angular 2 材质嵌套 md-list-item
将 Angular 2 与 Material Design 结合使用，尝试在 sidenav 中获取嵌套列表我有像 这样的代码
..