-
0 votesanswersviews
角质材料5黑暗主题不适用于身体
我创建了一个"custom"主题,(使用https://material.angular.io/guide/theming的主题文档,这非常糟糕),如下所示: @import '~@angular/material/theming'; @include mat-core(); $ip-primary: mat-palette($mat-indigo); $ip-accent:... -
0 votesanswersviews
带有cdk门户的angular 5主细节
我在canvas(konva)库周围构建一个编辑器UI,并希望实现以下目标: 在左侧,我想显示一个代表不同工具的图标列表(角度材料mat-list),这些可以根据编辑器的模式动态更改 . 现在,如果用户激活工具,则该工具的选项应该在右侧的其他位置可见 . 经过一段时间的学习后,我了解到CDK门户网站 - 主机可以解决这个问题(参见https://blog.angularindepth.com/an... -
14 votesanswersviews
Angular CDK:如何在ComponentPortal中设置输入
我想使用材料CDK中的新Portal在表单的多个部分中注入动态内容 . 我有一个复杂的表单结构,目标是有一个表单,指定子组件可以(或不)注入模板的多个位置 . 也许CDK门户网站不是最好的解决方案? 我尝试了一些东西,但我确定这不是做法:https://stackblitz.com/edit/angular-yuz1kg 我也尝试了 new ComponentPortal(MyPortalComp... -
3 votesanswersviews
Angular MatSort.sortChange:尝试从函数更新排序时忽略事件数据
我有一个关于使用Angular Material的 MatSort.sortChange 的问题 . Configuration angular 5.0.2 . angular / cdk ": " ^ 5.0.0-rc0“ 角材料5.0.0-rc0 Context 我有一个包含mat-table和一些按钮的组件 . 当用户单击某些按钮时,应将表重置为其初始状态... -
1 votesanswersviews
Angular CDK Portal从Portal中分离
我正在使用Angular CDK的门户创建一个错误消息组件,需要在其他所有内容中呈现在主体中(因此使用门户网站) . 它工作得很好,但在错误消息本身我需要能够从组件内关闭它 . 我正在使用服务来设置门户并打开/隐藏消息 . 问题是我不能从错误消息组件本身中调用close方法,因为那时我有一个循环依赖,它都会崩溃 . 我知道CDK的叠加层你可以从它的组件中引用它,有没有办法对门户网站做同样的事情所以... -
1 votesanswersviews
角度材料表错误:'t bind to ' mdHeaderRowDef ' since it isn' t 'md-header-row'的已知属性
我正在尝试将CDK数据表转换为Material Design样式的数据表(请参阅:https://material.angular.io/components/table/overview),但是当我将cdk前缀更改为md时,我收到以下错误... 未捕获错误:模板解析错误:无法绑定到'mdHeaderRowDef',因为它不是'md-header-row'的已知属性 . 1.如果'md-he... -
4 votesanswersviews
使用带有bootstrap 4的angular-cdk表
我正在使用Angular CDK table(没有Angular Material2)并想使用bootstrap table design来设置样式 . 可以将类添加到CDK表,但bootsstrap规则直接解决html表元素 tr , td ,...和Angular CDK使用自定义标签 cdk-table , cdk-row , cdk-cell ... 作为快速而肮脏的解决方案,我使用来自... -
4 votesanswersviews
从CDK Overlay Portal获取对组件的引用
我正在使用服务来使用组件门户实例化Angular Material CDK Overlays . 创建门户并将其附加到覆盖后,是否有任何方法可以访问门户创建的组件的组件引用?我希望能够从外部收听该组件的事件 . 例如: const portal = new ComponentPortal(MyCoolComponent, /* ...etc */); this.overlay.attach(por... -
0 votesanswersviews
@ angular / cdk / overlay全局和居中位置不起作用
我正在尝试使用新的@ angular / cdk,但位置策略似乎不起作用,只想显示一个以背景为中心的模态,我知道我可以设置一个类到窗格并设置固定定位但是,在这种情况下,我不知道positionStrategy配置是什么,我希望尽可能符合@ angular / cdk功能 . 这个例子:https://stackblitz.com/edit/angular-9nthad?file=src%2Fapp... -
5 votesanswersviews
angular 5禁用移动设备上的cdk焦点状态
在移动设备上有一个错误(我猜),当您单击侧面导航菜单然后选择要转到的路线时,它会关闭sidenav,但会使菜单按钮处于焦点状态 . 也可以使用打开模态的按钮,或实际上具有焦点状态的任何东西(侧面导航,导航项,按钮等等) . 你可以看到它发生在角度材料侧导航示例(模拟移动设备):https://stackblitz.com/angular/brrokxxmqvrn?file=app%2Fsidena... -
0 votesanswersviews
Angular CDK . 为什么重叠分离会导致内部ViewRef?
这是我的叠加模板: <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]="trigger" [cdkConnectedOverlayOpen]="_bIsOpen" (attach)="_onAttached()" (detach)="... -
1 votesanswersviews
如何从json列表访问数据以构建Angular CDK数据表
我正在使用Angular Material Design表构建几个表 . 我已经设法从json文件中获取数据填充表 . 但是JSON文件有一些list [],我无法从html访问 . 这是我的服务中从JSON文件获取数据的代码: getReceiptAll(): Observable<ReceiptAll[]> { return this.http.get<ReceiptAll[... -
0 votesanswersviews
angular-cdk的数据源可以与md-select一起使用吗?
我正在使用Angular 4和Angular Material 2 (2.0.0-beta8)的当前测试版 . 材料's table component is built on top of the CDK data-table. As such, it'很容易连接一个后端,它将调用数据的服务/ apis,它实现了使用RxJS Observables的所有连接 . (见demo here . )... -
1 votesanswersviews
Angular cdkDropList拖动元素限制
我目前正在使用Angular 2和https://material.angular.io/cdk/drag-drop/overview的拖放模块 . 我已经使拖放功能工作 . 我有两种不同类型的类对象,我希望仅限于它们自己的拖放列表类型 . 这很可能通过对列表进行分组来解决,但由于我正在使用递归,其他问题出现了... 目前我将每个列表放在同一个组中,这意味着可以在每个列表中拖放任何内容(cdkDr... -
2 votesanswersviews
Angular Virtual Scroll未检测到为Reactive FormArray添加项目的更改
我正在使用Angular 7中的新控件,似乎无法识别我已经向正在显示的数组中添加了一个新项目 . 这是我的HTML: <cdk-virtual-scroll-viewport class="list-container lg" [itemSize]="52.5"> <div *cdkVirtualFor="let stat... -
4 votesanswersviews
角度7拖放 - 动态创建掉落区域
有没有办法动态创建拖放区?我在使用ngFor和cdkDropList时遇到了一些麻烦 . 这是我的第一个列表和可拖动元素: <div class="subj-container" cdkDropListOrientation="horizontal" cdkDropList #subjectList... -
3 votesanswersviews
如何从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... -
7 votesanswersviews
mat-table中的自定义过滤器
我正在使用mat-table . 它有一个过滤器,可以正常使用doc示例: 从https://material.angular.io/components/table/overview起,原始代码为: <div class="example-header"> <mat-form-field> <input matIn... -
1 votesanswersviews
Mat排序数字和文本列的问题
我有角度材料数据源 . 角材料版本是^ 5.0.3排序正在工作 . 但是对于某些列,它排序不正确 . 那里有数字和文字 . 例如,排序结果如“XXX”,“1”,“1tesxt”,“1”,“OPD”,“OXD”,“12” . <mat-table #table [dataSource]="dataSource" matSort > <ng-containe... -
3 votesanswersviews
Paginator没有正确使用表数据源使用角度材料为角度2应用程序
我正在尝试使用paginator组件在我的angular 2 app中实现一个表 . 我成功地能够使用角度为2的表组件创建表 . 但是我使用下面的import语句完成了它 . “从@ angular / cdk / collections'导入;” 下面显示的是我的home.component.ts import { Component , OnInit , ViewChild} from '@a... -
1 votesanswersviews
单击该行内单元格中的操作时触发的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/... -
13 votesanswersviews
Angular Material 2中的md-table
我正在使用Angular Material Table.在Html代码中,有 <ng-container cdkColumnDef="userId"> <md-header-cell *cdkHeaderCellDef> ID </md-header-cell> <md-cell *cdkCellDef="let ro... -
0 votesanswersviews
属性'matSortChange'在类型'MatSort'上不存在
我正在Angular 4应用程序中将Angular Material和CDK版本2.0.0-beta.9升级到2.0.0-beta.12 . 我得到下一个编译错误:“属性'matSortChange'在类型'MatSort'上不存在” . 谁知道什么是错的? -
1 votesanswersviews
过滤角材料2表的特定列
在我的角度应用程序中,有一个带有文本框的html页面,用于过滤下面的网格 . 截至目前,搜索正在所有列中进行,我想将其限制为仅 ID 和 Name . 以下是搜索文本框html: <mat-form-field class="example-full-width" shouldPlaceholderFloat="false"> ... -
0 votesanswersviews
Angular - (单击)不在我的Material / CDK Datatable中触发
请考虑我的模板中的下表 <mat-table #table [dataSource]="dataSource"> <!--- Note that these columns can be defined in any order. The actual rendered columns are set as a property on t... -
0 votesanswersviews
角度材料CDK数据表
我是Angular Material Table的新手 . 我使用类似mat-table的结构,但使用我自己的dataSource . 与此类似 . class ExampleDatasource extends DataSource { dataSubject = new BehaviorSubject<any[]>([]); connect() { return Observ... -
0 votesanswersviews
Angular Material 2源代码中的cdk目录是什么?
我试图理解Angular材料2中的工作原理,但我无法理解:(不幸的是,他们没有写任何关于这些东西的东西,我不知道那些目录是什么意思,我甚至不知道如何启动应用程序 . 我只是想了解它,因为这是学习更多知识的好方法 . 我在那里看到了 cdk 目录,但我不知道它做了什么!这个名字对我没有任何意义 -
2 votesanswersviews
mat-sort不能在mat-table上工作
我的mat-table工作正常,但是在官方api文档之后添加mat-sort时,它在ngAfterViewInit中失败并显示以下消息 无法在ViewFeedbackComponent.ngAfterViewInit中设置未定义的属性'sort' 关于这个问题已经有一篇SO帖子了(参见下面的链接)Mat-table Sorting Demo not Working但我仍然无法使其正常运行 . ... -
0 votesanswersviews
可以在Angular Material中进行拖放和排序吗?
Scenario : 从Angular Material cdk版本7.0.3我们有Drag&Drop排序 .在那个拖放中,我们可以点击并拖动该div中的任何地方 . 无需点击任何地方,只有图标可以点击并拖动整个div . 现在下面的例子你可以点击并拖动那个div,我不想要那个 . 我只想点击图标并拖动该div与排序 . Example : https://stackblitz.... -
0 votesanswersviews
角度 - 角度材料 - 拖放问题
我正在使用Angular Material CDK的拖放功能进行项目,我想得到我的对象的位置X和Y. 我还想用TypeScript移动我的对象并将其放在X 25px和Y 32px中 . 我怎么能实现这一目标? 提前致谢 . 杰里米