-
0 votes1 answers642 views
Angular / aggrid：如何将行数据传递给表单？（材料对话框）
我有网格api，ag-grid中的数据 . 当我选择一行并单击编辑按钮时，我希望将该行的数据加载到正确的表单字段sot Example中，但我很困惑如何将我的数据正确传递到mat对话框 . 这是我的例子 . 首先，我有一个服务，它发出一个put请求和另一个发布数据的服务： editUser(employee: Employees) { return this.http.put(this._ur... -
3 votes1 answers15 views
如何从mat-table材料设计中删除mat-row
目前我正在使用角料设计垫桌 . 请帮我从mat-table中删除数据记录 . 这是代码： <mat-table #table [dataSource]="dataSource" matSort slimScroll width="auto" height="450px" color="rgba(0,0,0,0.3)&quo... -
0 votes1 answers1866 views
在mat-table上过滤不起作用
使用DataSource成功构建并显示带有Angular的md表 . 但是当我尝试添加过滤器时，它会说 filter does not exist on type "Account Data Source" . 下面是我的帐号list.component.js只是想知道我可能做错了什么？我需要在别处添加过滤器吗？ import { Component, OnInit, Inj... -
7 votes2 answers659 views
mat-table中的自定义过滤器
我正在使用mat-table . 它有一个过滤器，可以正常使用doc示例： 从https://material.angular.io/components/table/overview起，原始代码为： <div class="example-header"> <mat-form-field> <input matIn... -
1 votes1 answers601 views
Mat排序数字和文本列的问题
我有角度材料数据源 . 角材料版本是^ 5.0.3排序正在工作 . 但是对于某些列，它排序不正确 . 那里有数字和文字 . 例如，排序结果如“XXX”，“1”，“1tesxt”，“1”，“OPD”，“OXD”，“12” . <mat-table #table [dataSource]="dataSource" matSort > <ng-containe... -
0 votes1 answers685 views
Mat-sort标头在mat-table angular 5上不起作用
我在我的angular 5项目中使用了 mat-table 和 mat-sort . 我已经包含了所需的所有内容，但排序 Headers 仍然无法正常工作，没有错误，并且表格的生成正如它应该的那样 . 我的看法： <h5>User List </h5> <div class="example-container mat-elevation-z8"... -
4 votes1 answers388 views
角度材料mat-error无法显示消息
我有2个日期时间选择器，endDate不能小于startDate endDateAfterOrEqualValidator(formGroup): any { var startDateTimestamp: number; var endDateTimestamp: number; startDateTimestamp = Date.parse(formGroup.cont... -
1 votes0 answers723 views
Angular Material Angular 5在代码中设置Mat-Select值
我有一个测试，测试几个Angular Material mat-select下拉菜单 . 对于正常的选择下拉菜单，我可以使用设置值 productsSelectEl.nativeElement.value = 1; 我知道这可以使用NgModel完成，但是有没有办法在不使用NgModel的情况下完成它？这是因为我有更多的选择下拉菜单，然后我必须管理那些我实际上不需要的额外变量 . -
1 votes1 answers1694 views
角度材料2 - mat-paginator [长度]问题
我正在尝试使用 mat-paginator 表示我想要显示通过HTTP调用检索的数据的表，但我遇到的问题是我无法将paginator的 length 设置为我从API获得的结果总数 . 在这个例子中，长度在组件中是硬编码的，但是它可以工作） . 这是HTML： <mat-table #table1="matSort" [dataSource]="dataSour... -
6 votes2 answers1094 views
Angular Material mat-datepicker（更改）事件和格式
我使用角度材料datepicker指令，我有几个问题 . 1. 当我打开日期选择器对话框并选择任何日期时，日期会显示在输入文本框中，但我想在输入文本框中发生任何更改时调用函数 . 现在，如果我在输入文本框中手动输入任何值，我使用（输入）指令触发函数，它正常工作，如代码所示 . 我希望在使用日期选择器对话框更改日期时触发相同的功能 . 2. 从日期选择器对话框中选择时，我还想将日期格式从 mm/dd... -
0 votes1 answers1369 views
Angular 4.4.x mat-table标头没有排序
我有一个带有排序 Headers 的mat-table，所以我按照例子装饰列： <ng-container matColumnDef="id"> <mat-header-cell *matHeaderCellDef mat-sort-header> Id </mat-header-cell> <mat-cell *matCellDef=... -
2 votes1 answers612 views
Angular Material v6 Mat-Footer - “无法读取属性'template' of undefined”
为了这个目的，我最近在升级到角度6之后尝试在mat-table组件中实现一个页脚行，但是在表格中添加mat-footer-cell和mat-footer-row元素后，我得到以下内容错误： 错误TypeError：无法在MatFooterRowDef.push中读取未定义的属性'template'./ node_modules/@angular/cdk/esm5/table.es5.js.Cdk... -
1 votes1 answers907 views
使用Angular材质表加载组件时无法显示数据
我正在尝试使用angular material创建一个表 . 我面临的问题是，在启动时表中没有显示任何数据 . 但是分页已经更新了数据大小 . 无法在组件加载后立即了解如何使数据可用 . 正如您在右侧所看到的，它显示了总共52条记录 . 只要我点击一些表格 Headers 进行排序，或者如果我点击下一个分页，行就会填充数据 . 非常感谢建议纠正这个问题 . 谢谢 Html文件 <div c... -
6 votes2 answers1923 views
角度材料中的分页指令
在角度材质中是否有与md-list一起使用的分页指令？ 这些确实有效，但不是基于材料设计的 . https://github.com/brantwills/Angular-Paging https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination -
0 votes1 answers1985 views
角度材料2：如何区分一个组件中的两个或多个可排序表？
亲爱的Stackoverflow社区， 根据Angular material 2文档，您可以向表中添加mdSort指令： 排序使用mdSort指令并在表的列 Headers 中添加排序UI . 排序标头发出可用于通过表的数据源触发更新的事件 . Code : component.html 使用mdSort指令和md-sort-headers <md-table fxFlex="... -
0 votes1 answers1806 views
Angular 5材料数据表在排序时不会更新
我已经阅读了我不知道有多少个例子，据我所知，我正确地遵循了这个例子，但是当我点击 Headers 时列不会更新 . 我在我的app.module.ts中包含了MatSortModule 我已经在mat-table上加入了matSort 我已经在我希望能够排序的列的 Headers 单元格中包含了mat-sort-header（所有这些） 我已经包含@ViewChild（MatSor... -
2 votes4 answers383 views
MatSort不工作 . 引发错误：必须使用MatSort指令将MatSortHeader放在父元素中
在matHeaderCellDef上指定 mat-sort-header 属性以在Angular Material中创建可排序表之后，收到以下错误 必须使用MatSort指令将MatSortHeader放在父元素中 . <mat-table #table matSort [dataSource]="myHttpDataSource"> .... <ng-c... -
1 votes0 answers343 views
当dataSource可观察时，MatSort不适用于Angular Material Table
我试图让我的一个数据表使用默认的排序功能 . 我正在使用角度材料表MatSoftModule . 现在，我从API中加载了非常简单的数据 . 在我的控制器中，我正在调用一个返回Observable的服务函数： export class DomainComponent implements OnInit { domains$: Observable<Domain[]>; co... -
0 votes1 answers251 views
角度材料粘性行不起作用
您好我按照角度材料文档的示例来获取粘性 Headers 行https://material.angular.io/components/table/overview#sticky-rows-and-columns但不适用于我 . 这是我的HTML代码 <div class="content mat-white-bg"> <mat-table #tabl... -
1 votes1 answers1875 views
单击该行内单元格中的操作时触发的Angular Material表行（单击）事件
如何在不触发行（单击）事件的情况下触发mat-table中的按钮模式？我已经看过并阅读Angular Material 2 Table Mat Row Click event also called with button click in Mat Cell然而使用$ event.stopPropagation（）的解决方案阻止了模式的显示 . 我按照https://stackblitz.com/... -
0 votes2 answers1159 views
更改垫形式字段输入颜色
我正在研究角材料无论如何，我可以在不创建新主题文件的情况下更改垫输入表单的颜色吗？我现在正在运行一个深层次的主题 . 我只是想将原色的颜色改为深绿色而不是默认的紫色 . 我创建了一个示例scss文件，但由于它是一个基本文件，我将丢失预构建主题附带的所有图形功能 . 这就是我所拥有的 @import '[email protected]/material/theming'; @include mat-core();... -
0 votes2 answers1502 views
以编程方式选择mat-table行
我的应用程序中有一个基于mat-table的组件，允许用户通过单击选择一行 . 根据选定的表格行，代码显示有关相邻扩展面板中该行的其他信息/详细信息 . 页面加载时，没有选择任何表行 - 因此详细信息面板为空 . 以编程方式选择表格行（比方说，第一个）的最佳方法是什么？ 当前行选择基于在单击的mat-row上调用单击处理程序，该处理程序将属性“selectedRowIndex”设置为row.id字... -
2 votes1 answers1586 views
Angular Material和嵌套mat-form-field的CSS问题：错误状态的内部mat-form-field导致父级看起来处于错误状态
我正在尝试处理一个大表单，为每个部分创建一个自定义组件，在每个自定义组件中放置所有逻辑和自定义验证 . 基本上，每个部分都是子表单，每个部分都有助于大表单的验证过程 . 我也使用Angular Material并且我的自定义组件是custom form field control实现 MatFormField<T> 接口，这样，我将能够使用漂亮的外观来显示整个组件的错误和提示 . 出于... -
1 votes1 answers1083 views
重新定位材料标签控件
我在使用HTML Label元素定位文本块时遇到问题 . 此元素包含一个mat-form-field输入控件，当屏幕截图显示输入控件底部的标签文本行时，它应在中心对齐 . 正如您所看到的Trader Reference [07]文本太低，我需要将其向上移动几个像素，但我尝试过的所有内容都失败了 . 我应该提到我正在尝试使用Angular Material控件 代码如下 <div class ... -
0 votes1 answers928 views
Angular Material MatFormField外观=“填充”主题问题
我有一个处理Angular Material主题的问题，特别是MatFormField指令 . 可能在Material v6周围，我发现matFormField指令有新选项，如appearance =“fill”和appearance =“outline”，我发现外观=“填充”有用，但我想知道如何更改背景颜色，正在使用的填充 . 我尝试了一些方法，比如 <input class="... -
180 votes6 answers1220 views
Angular2材质对话框有问题 - 您是否将其添加到@ NgModule.entryComponents？
我正在尝试关注https://material.angular.io/components/component/dialog上的文档，但我不明白它为什么会出现以下问题？ 我在我的组件上添加了以下内容： @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-di... -
13 votes2 answers695 views
如何使材料组件与Karma一起在单元测试中使用Angular
我有一个角度CLI项目设置 . 我制作了一个使用角度材质组件的表单，例如 <md-card> . 我刚刚开始编写我的第一个Karma / Jasmine单元测试，遵循angular docs中的步骤 . 这是我的组件模板： <md-card [ngClass]="'dialog-card'"> <md-card-title [ngClass]=&... -
17 votes2 answers1208 views
如何将数据传递给角材料对话框2
我正在使用dialog box角度材料2 . 我想将数据传递给打开的组件 . 这是我点击按钮时打开对话框的方式 let dialogRef = this.dialog.open(DialogComponent, { disableClose: true, data :{'name':'Sunil'} }); 在文档页面上有data属... -
4 votes2 answers686 views
角度材质对话框组件隐藏了我的所有网站组件
我正在使用角度5和角度材料（最新版本），我正试图从页面打开一个对话框 . 当我点击触发开口的按钮时，整个网站都被置于空白背景中，就好像对话框重叠了内容并隐藏了所有内容 . import { Component, OnInit, Inject } from '@angular/core'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular... -
1 votes0 answers1639 views
通过单击按钮角材料5更改选项卡
我有一个问题，因为Angular 5.X带有一个表单向导（mat-tab-group） . 通过使用选项卡上的点击一切都很好，它在标签之间切换，但我不能使用“nextStep”或“previousStep”按钮在标签之间切换 . 这是我的代码： component.html <mat-tab-group [(selectedIndex)]="selectedIndex" ...