cost 324 ms
大 Angular 材料弹出窗口应该使父内容可滚动 - Large Angular material popover should make the parent content scrollable

我的项目中有一个弹出框,下面列出了一些复选框。 现在一切正常,但是当屏幕的分辨率有点小时,内容在底部被截断并且父容器不可滚动,这只发生在 CdkOverlay 上,因为当显示弹出窗口,您可以在这个stackblitz上看到一个工作示例我无法分享我的主要代码,但这是我在 stackblitz 上尝试过 ...

为什么无法使用 Angular Material CDK 正确显示对话框? - Why can't show dialogs correctly using Angular Material CDK?

我正在尝试在 Angular 15 项目中显示一个对话框。 我想使用Angular Material Component Development Kit package(我不使用 Material 组件),即使遵循官方文档并构建显示的示例我总是遇到同样的问题:应该在模态对话框中显示的组件是添加并显 ...

如何将 cdk-virtual-scroll 与 ngx-infinite-scroll 一起使用 - How to use cdk-virtual-scroll with ngx-infinite-scroll

我已经升级了我的 Angular 项目依赖项: @角/核心:^14.2.9 @angular/cdk: ^14.2.9 @角/材料:^14.2.6 ngx-无限滚动:~14.0.1 在那之后,无限滚动(带虚拟化)停止工作。 我观察到的是,如果scrollWindow属性设置为false并且n ...

在 Angular 中,在另一个 window 中打开了一个门户,我如何附加一个 overlayRef 以便它使用组件的 styles? - In Angular, with a portal opened in another window, how do I attach an overlayRef so it will use the component's styles?

在 angular 中,您拥有 CDK 门户库。 从 inte.net 上的其他来源,我看到有人使用门户并在另一个 window 中打开它。它有效。 然后我想看看我是否可以在门户 window 前面打开一个对话框。这种作品,因为确实组件显示在门户 window 中,这是我想要的,但是 styles ...

使用 CdkDialogContainer 创建自定义对话框容器 - Creating a custom dialog container using CdkDialogContainer

我正在编写一个 Angular (14.2.0) 服务来显示 Tailwind/Flowbite对话框(Flowbite 语言中的模式)。 看来我必须创建一个自定义Angular CDK 对话框容器来维护 Flowbite 页面上的 DOM 结构大纲并正确应用类。 我不知道如何创建和使用这样的容器, ...

如何在运算符 iif 中使用 MatDialog.open - How to use MatDialog.open inside operator iif

我刚遇到以下问题 因此,如果foo === true我想打开对话框,如果为 false,我不会打开对话框,并且会发出true 。 现在,这段代码的问题是,无论foo是什么,对话框总是会打开。 我应该用 if/else 替换iif ,像这样 或者有什么方法可以修复我的初始代码,例如, open的 f ...

Angular cdk-virtual-scroll-viewport 在调整屏幕大小之前不会达到最大高度 - Angular cdk-virtual-scroll-viewport not taking max height until screen is resized

TLDR:有一个需要在虚拟滚动中的项目列表。 它工作正常,但只占用大约 30% 的可用空间,直到屏幕尺寸发生变化。 (使开发工具更大)。 在初始页面加载时: 调整页面大小后: 这是模板的精简版: scss: 在查看 Angular chrome 工具后,似乎在页面调整大小时触发了 ngDo ...

角度材质放置事件返回错误的拖动项目索引并移动错误的项目 - Angular material drop event returns wrong index of dragged item and moves wrong item

下午好, 我正在尝试设置两个可在两个列表之间拖动的芯片列表。 两个变量availableActivationCountries和availableGroupCountries是通过过滤另一个数组来填充的,如下图。 当我将一个项目从第二个列表拖到上面的列表中时,drop 事件中返回了一个错误的索 ...

如何使用 Angular CDK 菜单创建动态菜单 - How to create a dynamic menu using the Angular CDK Menu

我正在使用新的Angular CDK Menu构建应用程序菜单栏样式的菜单。 我想从给定的 JSON 结构动态构建此菜单,而不是像文档示例中所示对菜单和每个子菜单进行硬编码。 由于我想动态构建一个菜单,我不知道该怎么做,因为我无法动态创建模板引用变量,然后我可以使用菜单触发器引用这些变量。 我试过做 ...

卡住超过 2 小时 Angular CDK 拖放 - 无法将项目拖放到该位置 - Stuck more than 2 hrs Angular CDK Drag and Drop - Not able to drop the item in the location

我正在努力完成我刚开始进入 Angular CDK DragnDrop 的任务。 尝试将图像项拖放到位置时,我得到了Cannot read properties of undefined (reading 'length') 。 不确定这是因为针对 Angular DragnDrop CDK 的不 ...

反应形式与 Angular DropnDrop CDK 一起工作很奇怪 - 项目重复 - Reactive form working so weird with Angular DropnDrop CDK - Items getting duplicated

我有一个表单,用户可以将选定的 img 拖放到目标位置并将表单提交到后端。 源数据是对象数组(API), 问题: 当拖动一个项目并将其放在拖动位置时,该项目会相乘/重复 - (数组中的对象重复) 当拖动的项目移回其原始 position 时,它再次被复制(数组中的对象重复) 当点击提交表单时,它不仅 ...

Angular:将 class 添加到 CDK 门户内的 html 元素 - Angular: Add class to html element inside a CDK Portal

我有一个带有 Angular12 和 Angular Material CDK 的应用程序。 我在 CDK 门户中添加一个模板,模板是这样的: 我需要将 class 动态添加到#newFormField项,但不知道如何访问它。 通常,如果这是一个常规的 ng 模板,例如#addressBlock我可 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM