@angular/material没有导出成员'OverlayContainer‘
@angular/material是一个开源的Angular UI组件库，提供了丰富的可重用UI组件和样式，帮助开发者快速构建现代化的Web应用程序。
在@angular/material中，'OverlayContainer'是一个重要的导出成员，它是用于管理覆盖层的容器。覆盖层是指在应用程序中创建的浮动面板，例如对话框、菜单、弹出框等。'OverlayContainer'负责将这些浮动面板插入到DOM中，并提供了一些方法和属性来管理它们的位置、大小和样式。
具体来说，'OverlayContainer'提供了以下功能和特点：
- 管理覆盖层的插入和移除：通过调用
attach方法可以将覆盖层插入到DOM中，调用detach方法可以将其移除。 - 控制覆盖层的位置和大小：可以使用
positionStrategy属性来设置覆盖层的位置策略，例如相对于某个元素或固定的坐标。还可以使用width和height属性来设置覆盖层的大小。 - 支持多个覆盖层的叠加：可以同时管理多个覆盖层，确保它们按照正确的顺序叠加在一起。
- 提供样式和主题支持：可以通过
addPanelClass方法为覆盖层添加自定义的CSS类，实现样式定制。同时，覆盖层会自动继承应用程序的主题样式。
应用场景：
- 对话框和弹出框：可以使用'OverlayContainer'来管理对话框和弹出框的显示和隐藏。
- 菜单和下拉框：可以使用'OverlayContainer'来管理菜单和下拉框的弹出和收起。
- 提示框和通知栏：可以使用'OverlayContainer'来管理提示框和通知栏的显示和隐藏。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序部署。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
我正在尝试让自定义主题工作，一切都很好，直到我需要为对话框和模态设置样式的OverlayContainer。当我尝试按照文档和各种指南导入OverlayContainer时，VS代码抛出一个错误：我尝试过在n
浏览 2提问于2017-12-08得票数 1
回答已采纳
1回答
Dialog-modal.component.tsimport { MatDialog, MatDialogConfig} from '@angular/material/dialog'; dialogCo
浏览 16提问于2020-06-09得票数 0
1回答
到目前为止，在我的main.scss中我包含了一个主要主题@include mat-core();
$myapp-dark-theme: mat-dark-theme($myapp-primary, $myapp-accent);
@include angular-material-themehome.compon
浏览 0提问于2018-05-26得票数 1
我目前正在使用Angular 2.4.0应用程序中的Angular Material2 (使用@angular/material: 2.0.0-beta.1)。并删除了视图中除下拉菜单之外的所有代码，以缩小我自己的范围，同时也让阅读本文的人更容易看到问题))：import { FormBuilder, F
浏览 55提问于2017-01-29得票数 4
@angular/material/material"‘没有导出成员'MdButtonModule’。angular/material/material"‘没有导出成员'MdCardModule’。angular/material/mate
浏览 8提问于2017-10-08得票数 15
3回答
单元测试Angular项目
、、、、
我已经创建了一个组件，使用angular material MatDialogRef，MAT_DIALOG_DATA from @angular/material播种一个对话框。} from '@angular/material'; import {MatTa
浏览 183提问于2018-01-02得票数 20
我正在创建一个Angular 9网络应用程序，根据用户的选择改变主题，类似于material.angular.io/。为了处理mat-select的透明背景，我引用了Angular材质theming guide，将我的自定义主题类添加到全局覆盖容器中，如下所示。export class AppModule { overlayContainer.get
浏览 24提问于2020-04-21得票数 0
回答已采纳
1回答
使用材料2小吃栏时的误差
> import {MdSnackBar, MdSnackBarConfig , Overlay , OverlayContainer, }> "@angular2-material/core";
浏览 0提问于2016-12-12得票数 0
回答已采纳
1回答
为什么对话框不继承angular材质中的主题？我试图添加一个黑暗的主题到样式文件来解决这个问题，因为我认为这是一个解决方案，但它对我不起作用。
浏览 10提问于2020-01-06得票数 0
1回答
我在看@import '@angular/material/prebuilt-themes/deeppurple-amber.css';是其中之一。例如，如果我遵循优秀的，那么我似乎没有定义足够的颜色。我的mat-select没有样式。
为了得到一个完整的主题，我需要在上面添加一个预先构建好的主题，但是现在我的主题有紫色，而且我不想要颜色的匹配。
浏览 0提问于2018-12-06得票数 2
回答已采纳
1回答
我的背景是： <router-outlet class="cover-background"> 这是我的app.ts上的 constructor(public overlayContainer: OverlayContainer){}
onSetTheme(theme) {this.overlayContainer.getContainerElement().classL
浏览 17提问于2019-06-24得票数 0
1回答
问题是如果我不在app.module.ts的构造函数中使用overlayContainer，对话框总是浅色的，但是如果我使用它，那么对话框总是深色的。我遵循了https://material.angular.io/guide/theming#multiple-themes上的教程 我的theme.scss是： @import "~@angular/materialmat-light-theme(( primar
浏览 27提问于2020-10-14得票数 2
回答已采纳
/materia l/ member’‘没有导出成员'MdCardModule’。/material/material"‘没有导出成员'MdTooltipModule’。/material/materia l’‘没有导出成员'MdCardModule’。/mater
浏览 13提问于2017-10-06得票数 4
我正尝试在我的Angular 2应用程序中使用。
我没有找到如何全局改变材料主题(primaryColor等)。我知道Angular Material 2仍处于alpha状态，但目前有没有办法做到这一点？
浏览 2提问于2016-04-29得票数 7
} from "@angular/material";import {MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogRef} from '@angular/material/dialog';
import { OverlayContainer</em
浏览 0提问于2019-08-01得票数 0
回答已采纳
, MatDialogRef} from '@angular/material/dialog';import {HttpClientModule} from "@angular/common/http";
import {RouterTestingModule} from
浏览 1提问于2019-08-02得票数 5
4回答
角度材料5中的转换主题
、、、
我有两个自定义主题，这是自定义主题. sans和光-自定义主题.sans，它几乎相同，没有垫-暗-主题$custom-theme-primarycustom-theme: mat-dark-theme($custom-theme-primary, $custom-theme-accent, $custom-theme-warn);
@include angular-material-th
浏览 1提问于2017-11-22得票数 20
回答已采纳
1回答
使用主题颜色的角度材料
、、、、
我使用的是角5材料，我创建了一个theme.scss，如下所示，theme.scss @include mat-core;
$alt-theme:
浏览 0提问于2018-04-05得票数 1
当从@angular/material导入各种模块时，使用@organization/library/<module>格式从不同的包路径导入每个模块，例如：import { MatSnackBarModule } from '@angular/material&#x
浏览 5提问于2021-02-24得票数 1
1回答
它的外观(没有内容的白色部分也应该是黑色的)：
我复制了本教程中的主题操作，在这里一切都很好：<div@import "., A400);$theme: mat-light-theme($primary, $accent, $
浏览 6提问于2020-03-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
