问题标签 [angular-cdk]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1159 浏览

javascript - Angular 4材料标题排序问题

我在桌子上使用了 angular 4 材料。我面临两个问题 1. 对表格进行排序时,它会在标题处显示排序顺序的描述。我想删除它。 在此处输入图像描述

这里它显示“按升序排序。”。我使用了来自 http://akveo.com/ngx-admin/#/pages/的 ngx 模态主题

有人知道吗?我在不使用 ngx 主题的情况下单独运行此代码,我能够获得正确的外观和填充,但在项目中我无法获得它。

0 投票
0 回答
415 浏览

angular - 尽管控件包含 FormControls,但 FormArray 值为空

更新:

我正在使用 a来自定义MatDataTable显示FormArray内容,DataSource问题似乎出在DataSource.connect()函数上。我正在合并 2 个 observables 以根据分页器页面配置对数据进行切片,如下所示:

我在我的应用程序的其他地方成功地使用了相同的方法,但在这里它不起作用。

我在 Stackblitz 中进行实验时发现如下。如果分页器页面大小设置为 5,则添加的前 5 个项目不会出现在FormArray值中,但是,第 6 个会出现。在此处查看并注意控制台调试日志。另外,请注意当您更改任何添加超过 5 个项目的分页器控件时会发生什么:

https://stackblitz.com/edit/angular-tdrjqy

原始问题:

FormArray数组中带有 a 的FormGroupa怎么可能controls没有值?我在我的应用程序的 2 个部分中设置了相同的设置,但由于某种原因,在一个部分中,该值是一个空数组......我已经花了几个小时在这上面,但我无法复制它,修复它或找到任何解释这里发生的事情的文档!

这是控制台日志的屏幕截图FormArray

控制台日志

0 投票
1 回答
8496 浏览

angular - Mat-Table:以角度 2 将一行滚动到视图中

使用角度材料垫表时是否可以将特定数据行滚动到视图中cdk-table

我正在尝试实现键盘滚动但没有运气。

0 投票
1 回答
4745 浏览

angular - Angular CDK 并将值传递给 DomPortalHost 中的组件

我有以下服务

因此,我有一个名为“PComponent”的组件,并且从该服务中我以动态方式创建该组件,该类有两个方法实例-传递调用服务显示的组件的元素-附加已“创建”的PComponent

一切正常,Portal 是一个很棒的解决方案!但是我的 PComponent 有一个带有一些变量的 HTML 模板,例如,

{{ 图片网址 }}

那应该是一个图像 url 并将该图像显示到 PComponent 中的 div 内容中。 问题 我如何将 imageURL 字符串传递到服务或组件中?

提前致谢

0 投票
7 回答
12460 浏览

angular - Angular material 5 dark theme not applied to body

I've created a "custom" theme, (using the theming documentation at https://material.angular.io/guide/theming, which is pretty bad) like this:

My index.html contains this:

In the container for the app-root component, I switch between my custom class names (indigo-pink and indigo-pink-dark) using this:

I am also setting the CDK overlay container class to my custom class name using this:

The main problem is that when I switch into the dark theme, I do see the indigo-pink-dark class name get added to my app component container correctly, but only some styles change (e.g. the toolbar at the top goes dark, and Material components) - the body of the page stays white. The theming guide (and other blog posts) say that using the mat-app-background should fix this exact problem.

Additionally though, if I try manually update the background-color of the body, using e.g.

Then this "background-color" just overlays the entire page and you cannot see any elements on the page. This is something to do with the CDK overlay, because if I remove the part that adds the class name to the overlay, it kind of works - the background of the page does get set correctly, but then overlays do not get correct styling.

0 投票
1 回答
6191 浏览

javascript - 想将 mat-table 中的一些复选框设置为 true

我正在为角色和权限编写代码,当管理员单击下一个组件上的角色时,将显示具有我使用 mat-table 的权限的角色,因为我想检查角色已经拥有哪些权限,如果角色有一些权限,那么它应该是检查像

在此处输入图像描述

目前它显示没有选择任何权限,但角色已经有一些权限

我可以和你分享代码

这是我的html

和我的 ts 文件

请分享你对此的想法

0 投票
1 回答
1168 浏览

angular - 无法使用角度材料对表格进行排序2

我有一个角材料表。HTML 如下:

我正在创建一个表并想要对其进行排序,但不幸的是数据正在呈现,但排序没有发生。

这是稳定的版本,数据正在呈现,但没有进行排序。每当我使用OnInit在顶级级别添加AfterViewInit时,它总是给我一个错误。请帮帮我。

0 投票
2 回答
2115 浏览

angular - Declarative creation of an Overlay with ScrollStrategy

TL,DR; How can a scroll strategy be used when creating a CdkConnectedOverlay declaratively?

Detail; CdkConnectedOverlay is a Directive to facilitate declarative creation of an Overlay.

It provides numerous @Input() properties, most of which are intuitive. For example:

One property defines a scroll strategy:

Strategy to be used when handling scroll events while the overlay is open.

However it's not clear how to define a scroll strategy when creating an overlay declaratively.

The source code (material2/src/cdk/overlay/overlay-directives.ts) provides a little insight:

Clearly, a strategy can be provided, but unlike other properties, it's assigned a value of this._scrollStrategy();.

0 投票
0 回答
220 浏览

html - 在 html 屏幕上显示 angular 4 http 获取数据

我可以通过 http get 调用从 Web 服务获取数据,但表格只显示骨架而不是数据。它与 Web 服务检索到的记录完全相同,但没有显示数据。如果我在角度服务中硬编码值,那么我可以在屏幕上看到数据。

以下是代码片段:服务文件

}

html代码

0 投票
1 回答
3330 浏览

angular - 过滤角材料2表的特定列

在我的 Angular 应用程序中,有一个带有文本框的 html 页面,用于过滤下面的网格。截至目前,搜索正在所有列中进行,我想将其限制为仅IDName。以下是搜索文本框 html :

以下是材料表代码:

typescript 文件中的keyup事件写在下面

这是下面的 ts 文件

}`