问题标签 [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.
angular - 滚动事件
在过去 9 小时向下滚动后,我一直在尝试缩小工具栏...
我在这里尝试了“scrollDispatcher”示例:Shrinkable mat-toolbar
但它告诉我“找不到名称‘地图’。” 在:
我试过这个(html):
(ts):
但滚动时也不做任何事情......
角度团队改变了这一点吗?我该如何解决?
angular - 模板引用变量赋值有什么作用?
我发现了这个类似的问题,但它没有解释模板引用变量的分配发生了什么......
@angular/cdk
我正在使用's制作带有下拉菜单的工具栏OverlayModule
。
为了有多个下拉菜单,我必须将cdkOverlayOrigin
指令分配给它的模板引用变量。
这样我就可以使用@ViewChild
类型单独访问它们CdkOverlayOrigin
将指令分配给这样的变量对我来说似乎很奇怪#mytrv1="cdkOverlayOrigin"
。谁能解释这种模式?
javascript - TypeError:core.defineInjectable 在 Angular 4.3.2 中使用 Angular Material/cdk 时不是函数
我想使用角度材料进度微调器并添加
在导入数组和组件中添加
还没有尝试使用选择器更新模板并删除它。在任何一种情况下都会出现错误。
我正在使用 system.config.js,并为所有角度材料和 cdk js 文件添加了地图值。
使用 angular 4.3.2 和 angular material 最新版本。得到以下错误。
errors.ts:42 错误错误:未捕获(承诺中):错误:TypeError:core.defineInjectable 不是 eval 中的函数(http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd .js:89:62 ) 在 Object.eval ( http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd.js:91:2 ) 加载 http://localhost:8000时出错/app/UMSClient/com/ipc/ums/modules/EnterpriseTree/Enterprise.module.js 在 eval ( http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd.js:89: 62 ) 在 Object.eval ( http://localhost:8000/node_modules/@angular/cdk/bundles/cdk-bidi.umd.js:91:2 ) 加载错误 http://localhost:8000/app/UMSClient/com/ipc/ums/modules/EnterpriseTree/Enterprise.module.js
有什么问题?
谢谢,
angular - 如何在更改覆盖源元素时打开 CDK 覆盖层后重新定位它
我正在尝试使用角度材料 CDK 叠加来制作多选下拉组件。如下面的代码(取自角度材料选择组件)
因此,无论何时从下拉列表中选择一个项目,它都会在方框中显示为一个芯片,即连接位置。这将改变原点元素的高度。
问题:叠加层中是否有任何标准方法可以在叠加层原点高度变化时重新定位它的 startY 位置?
angular - 在带有 @angular/cdk-experimental 的 Angular Material 2 表中使用虚拟滚动
我有一个表显示这么多行,我想优化它的性能。我通过使用虚拟滚动技术找到了解决方案。这是Angular Material CDK Vritual Scroll Viewport 组件的示例,其中包含一个简单的div
我发现:
但是,我想将它与下面的Angular Material Table集成
我想知道如何将其包装cdk-virtual-scroll-viewport
到mat-table
. 我的表最多显示 1000 行和 20 多列,并且在加载和滚动时性能非常慢。
PS:我知道可以通过使用Paginator来解决,但我不想那样做。
版本
"@angular/material": "^6.2.0"
@angular/cdk": "^6.2.0"
@angular/cdk-experimental": "^6.2.1"
"@angular/core": "6.0.3"
"@angular/cli": "6.0.7"
angular-material - 无法在 Angular 材料中使用 PortalInjector 捕获组件中的数据
根据文档和 git-hub 问题评论,我正在尝试实现一个自定义注入器,以将数据传递给我使用@angular/cdk
和动态加载的组件cdkPortalOutlet
。我可以看到 PortalInjector 被成功创建,InjectorToken
但是在尝试获取/使用data
动态加载的组件时,我总是得到一个null
.
数据/injector.ts
组件/base.component.ts
工具栏组件
标记为 //prints null 的行,总是 prints null
。然而
印刷 :
如果我遗漏了什么,有人可以告诉我吗?
javascript - MatDialog 水平居中,宽度为 100%,maxWidth 固定
我正在尝试将具有固定宽度的 MatDialog 水平居中:
出于某种原因,添加width
参数会justify-content: flex start
在我希望它保留的同时将内联添加到父叠加层justify-content: center
。
我知道创建模态的方法,包括创建一个Overlay
并将组件注入其中。但我不明白为什么我不能简单地使用MatDialog
.
我试过的:
但类型不匹配。
我也尝试了backdropClass
一个兄弟 CSS 选择器,但我没有得到想要的结果。
我错过了什么?有没有办法配置Overlay
a MatDialog
?
angular - 将叠加层连接到动态元素
我想使用angular-cdk
将附加到动态创建的元素*ngFor
的叠加层,是否可以?
这是示例:https ://stackblitz.com/edit/angular-z4a989 我想用每个按钮打开覆盖,但覆盖应该附加到打开的覆盖上。可能吗?
drag-and-drop - 如何在 Angular Material Table 中实现拖放功能?
我能够使用 ng2-dragula 实现拖放功能,但我面临的问题是它也拖动标题行并且也无法从拖行。
谁能帮我这个?
我也在github上发现了同样的问题
https://github.com/valor-software/ng2-dragula/issues/831
当我使用上述方法时,我无法获取拖动的行数据及其新位置
2.) 当我实现 ng2-dragula
然后拖放功能无法正常工作
请参考下图
图片来源:- https://user-images.githubusercontent.com/6483007/36256531-4a34b638-124b-11e8-9b13-cd15391886ae.gif