-
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" ...