在现有应用程序中添加Angular MatDialog会阻止页面滚动
。
答案：
在现有的应用程序中，当添加Angular MatDialog对话框时，可能会出现页面滚动被阻止的情况。这是因为Angular MatDialog具有模态（Modal）的特性，默认情况下会阻止页面的其他交互操作，包括页面滚动。
为了解决这个问题，可以采取以下方法：
- 使用MatDialog的disableClose选项：在打开MatDialog时，可以设置disableClose为true，这样对话框外部的点击和Esc键按下事件将被禁用，但是页面仍然可以滚动。示例代码如下：
import { MatDialog } from '@angular/material/dialog';
constructor(public dialog: MatDialog) {}
openDialog(): void {
const dialogRef = this.dialog.open(DialogComponent, {
disableClose: true,
});
}- 禁用MatDialog的背景滚动：通过在打开MatDialog时设置panelClass选项，可以自定义一个CSS类来禁用对话框背景的滚动。示例代码如下：
import { MatDialog } from '@angular/material/dialog';
constructor(public dialog: MatDialog) {}
openDialog(): void {
const dialogRef = this.dialog.open(DialogComponent, {
panelClass: 'no-scroll',
});
}在CSS文件中定义no-scroll类，并将overflow属性设置为auto，示例代码如下：
.no-scroll {
overflow: auto !important;
}- 自定义滚动行为：如果需要更精细地控制滚动行为，可以使用Angular的滚动服务（Scrolling）来实现自定义滚动逻辑。可以通过监听MatDialog打开和关闭事件，在合适的时机调用滚动服务来禁用或恢复页面滚动。示例代码如下：
import { MatDialog } from '@angular/material/dialog';
import { ScrollingService } from 'path/to/scrolling/service';
constructor(public dialog: MatDialog, private scrollingService: ScrollingService) {}
openDialog(): void {
const dialogRef = this.dialog.open(DialogComponent);
dialogRef.afterOpen().subscribe(() => {
this.scrollingService.disableScroll();
});
dialogRef.afterClosed().subscribe(() => {
this.scrollingService.enableScroll();
});
}请注意，上述方法中的代码示例仅供参考，具体实现方式可能会根据实际情况和需求而有所不同。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和解决方案，以下是与此问题相关的一些腾讯云产品：
- 云服务器（CVM）：提供可扩展、安全可靠的计算能力，用于托管应用程序和服务。详情请参考：云服务器（CVM）产品介绍
- 云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，用于存储和管理数据。详情请参考：云数据库MySQL版产品介绍
- 腾讯云CDN：提供全球分布式加速服务，加速内容传输，提升网站的访问速度和性能。详情请参考：腾讯云CDN产品介绍
- 腾讯云安全组：用于配置网络访问控制规则，提供网络安全防护。详情请参考：腾讯云安全组产品介绍
以上是一些腾讯云的产品示例，供您参考和了解。对于更多产品和解决方案的信息，建议您访问腾讯云官方网站或咨询腾讯云的销售团队。
相关·内容
1回答
我有一个问题的角度和材料的角度，我有一个应用程序与许多模态，他们都锁定背景滚动时，他们打开，但我有一个通知模式，这个通知模式并不打算阻止背景滚动。 我没有任何.noScroll类在此模式，但与模式相关的背景页面仍然不会滚动，我希望用户能够滚动页面，即使在通知模式打开。 通知模式是Angular的Material的DialogRef。 我尝试使用overflow: visible和auto，也尝试修改背景以启用滚动，但没有成功:( 我如何制作这个特定模式的背景，以启用滚动并可能覆盖代码的其他配置？ 编辑:这是代码的一部分> ModalService： {
constructor(
浏览 15提问于2019-12-20得票数 0
我对编码和角度都是新的，所以我想我会寻求一些帮助。这是我的第一个问题，所以请对我有耐心。
我想为服务创建一个包装服务(我只是想教自己--这不是一个生产应用程序)，所以我在我的应用程序中做了一个这样的服务：
import {Injectable} from '@angular/core';
import {MatDialog} from '@angular/material';
@Injectable({
providedIn: 'root'
})
export class MatDialogWrapperService {
浏览 0提问于2019-02-27得票数 19
回答已采纳
我正在使用angular自定义元素来构建一个应用程序，其中MatDialog是自定义元素的一部分。我在主机应用程序中也有一个MatMenu。问题是，当我在页面加载时打开mat-对话框，然后打开mat- menu，mat-dialog随后就不工作了，否则如果我先打开菜单，然后再打开mat-dialog，那么菜单就不再起作用了。 你可以在https://stackblitz.com/edit/angular-nr58ab-tbu38h上找到stackblitz 我已经将MatDialog应用程序的main.js代码添加到index.html本身中。main.js是在prod模式下使用ngx-bu
浏览 37提问于2020-01-16得票数 2
回答已采纳
因此，当我尝试加载我的angular应用程序时，我得到了这个错误： ERROR Error: Uncaught (in promise):
NullInjectorError: StaticInjectorError(AppModule)[AppComponent -> MatDialog]:
StaticInjectorError(Platform: core)[AppComponent -> MatDialog]: 我的ts文件看起来像这样，每个其他的帮助问题都说要在我的NgModule导入中添加MatDialog，但我已经这样做了，仍然收到错误。大多数错误都是St
浏览 12提问于2020-01-22得票数 12
回答已采纳
1回答
我想打开ManagePointsDialogComponent as对话框。当我单击addPoints function时，我得到错误。 我的惰性模块: users.management.module.ts import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from "../../shared/shared.module";
import { UsersListCom
浏览 20提问于2019-03-17得票数 0
回答已采纳
在常规页面中打开MatSelect时，可以通过MAT_SELECT_SCROLL_STRATEGY注入令牌自定义滚动行为，并使用NoopScrollStrategy滚动基础页面，同时保持MatSelect不变。 但是，当从MatDialog打开MatSelect时，MAT_SELECT_SCROLL_STRATEGY根本不起作用，我无法滚动底层的MatDialog。 我已经创建了一个Stackblitz来演示这个问题。 一种解决方法是使用pointer-events: none设置backDropClass，但它也会在我单击它时禁用关闭行为，我希望保留该行为。如果可能的话，我也想避免基于z-
浏览 16提问于2021-04-29得票数 4
我添加了角度材料MatDialog来显示模型窗口，它接受来自用户的表单数据。 我在app.scsss文件中添加了这个 @import '~@angular/material/prebuilt-themes/indigo-pink.css'; 现在，当单击按钮时，模型将打开，但在每个组件的应用程序中，整个窗口都没有更多的滚动可用。 我认为每当我在现有的应用程序中添加任何角度材质组件，它停止滚动时，就会发生这种情况。 谢谢。
浏览 16提问于2020-11-04得票数 0
1回答
我使用的是Angular Material (7.1.1)，当我从一个按钮触发一个MatDialog时，首先它会隐藏半个页面。我在谷歌上搜索了一下，发现了一个解决办法，就是设置 .cdk-global-scrollblock {
position: static;
width: initial;
overflow: hidden !important;
} 但是现在，每次我尝试打开对话框时，它都会正确地打开，但它会将页面滚动到顶部。 它只在Chrome67上发生，我已经在Firefox64上测试过了，它可以正常工作。 任何帮助我克服这个问题的技巧都将不胜感激。 谢谢!
浏览 16提问于2019-01-03得票数 0
angular-material中的autocomplete组件在MatDialog组件中未按预期工作。autocomplete组件中的drpodown部分不能粘贴到输入字段。
stackblitz链接-
重现--转到stackblitz上面。点击“打开弹出窗口”按钮。单击"Pick One“自动完成字段。选项将以下拉列表的形式打开。然后滚动弹出窗口的bodu。请注意，autocomplete组件的下拉列表部分并不固定在输入字段中。我该如何解决这个问题？
浏览 1提问于2018-12-14得票数 3
我正在构建一个角度应用程序。我在登录组件中使用了MatDialog。但它不能正常工作。它应该呈现页面的中心位置。但它是在页面的左侧呈现的。有谁能帮帮我吗？我的header.component.html上的代码：
<span class="flex-spacer"></span>
<a mat-button (click)="openLoginForm()"><span class="fa fa-sign-in fa-lg"></span>Login</a>
我的header.
浏览 5提问于2021-07-09得票数 0
我有一个对话框窗体，当用户按下退出键时，我想让它优雅地关闭。当用户按下退出键时，窗体会立即关闭，但由于某些原因，对话框窗体不会向父窗体发送结果。 当通过cancel按钮完成关机时，没有问题。 我尝试过在userform组件上使用"onKey“事件，但同样不起作用。 在我的typescript和模板对话框文件中： import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
constructor(
private dialogRef: MatDialogRef<UpdateBonusC
浏览 28提问于2019-08-24得票数 8
回答已采纳
所以当你遇到这种麻烦的时候-CLI应用程序。
下面是发生的情况：ng serve，ng serve --aot不产生异常，一切正常。在浏览应用程序时，只有运行ng serve --prod才会中断。
在搜索答案时，我找到了，所以我在app中的每个属性之前都写了“public”，并检查提供者中是否有函数调用，但是没有什么改变。
接下来，我尝试使用--aot标志运行它，并且运行得很好，但是在--prod有相同错误的情况下仍然崩溃。
它在运行登录进程时完全崩溃，即：
发送带有登录和密码数据的http POST
如果请求解析，则分派ngRx-Store自定义登录事件(简单标志)
然后ro
浏览 0提问于2018-03-14得票数 26
我已经将一个Angular Material 5应用程序移植到了Angular Universal上，但我使用的MatDialog出现了间歇性问题。当它打开时，没有标题或内容。只有“确定”和“取消”按钮出现，并且它们不起作用。
我正在使用一个服务来创建对话框。这是代码。
import { Observable } from 'rxjs/Observable';
import { MatDialogRef, MatDialog, MatDialogConfig } from '@angular/material';
import { Injectable
浏览 0提问于2018-01-19得票数 2
我使用MatDialog of Angular Material在末尾显示一个文本段落和一个按钮。如何使按钮处于禁用状态，直到用户向下滚动并使用角/ JavaScript到达该段的底部？
浏览 18提问于2022-01-20得票数 1
回答已采纳
1回答
保持良好，我希望
我使用的是角度12，但是弹出对话框不会出现在另一个窗口中，我已经完成了以下操作：
将MatDialogModule导入应用程序模块，并将其添加到Imports:中
import { MatDialogModule } from '@angular/material/dialog';
在我的ts文件中创建特定于弹出的
import { Injectable } from '@angular/core';
import { MatDialog, MatDialogConfig } from '@angular/materi
浏览 1提问于2021-09-04得票数 0
3回答
我的.open()在我的材料对话框中不工作在角度6。我收到的错误是：
错误TypeError:无法读取未定义的属性“打开”
可能出什么问题了？似乎MatDialog的导入没有被识别。
父组件：
import { Component, OnInit, Input, Inject } from '@angular/core';
import { AuthService } from "../../services/auth.service";
import { SiteService } from "../../services/site.servi
浏览 0提问于2019-03-11得票数 1
我在用角度做模态应用。我从棱角分明的官方网站复制代码，但这不起作用，我的system.this代码在柱塞中工作，perfectly.Please告诉我错误，提前感谢。
我的app.module.ts文件是这样的。
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { MatFormFieldModule } from '@angular/material';
import { M
浏览 1提问于2018-03-09得票数 5
回答已采纳
1回答
不久前，我受命实现一个在其他模块中共享的Material模块 为了简洁起见，我们假设是这样的： import { NgModule } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatDialogModule } from '@angular/material/dialog
浏览 23提问于2021-10-21得票数 0
**testservice.ts**
import { LoaderDialog } from './loader.component';
import { MatDialog } from '@angular/material/dialog';
export class TestService {
constructor(public dialog: MatDialog) {}
dialogRef:any;
show() {
this.dialogRef = this.dialog.open(L
浏览 0提问于2019-11-12得票数 0
给定在第三方d.ts定义文件中定义的类，我无法编辑：
export declare class MyClass {
someMethod(a: any, b: any);
moreMethods();
// lots more methods here
}
someMethod方法需要基于param a类型的param b的特定类型。但是，定义文件并不将该约束表示为any。
是否可以在我自己的someMethod中添加d.ts的重载定义--而不必重新定义原始定义上的所有方法/道具？我知道，如果类是一个接口，那么它可以很容易地完成。
就像这样：
export declare clas
浏览 4提问于2020-04-29得票数 2
问题
我使用角5作为SPA。我有两个组成部分的父母子女。我从父组件中调用了一个API，并将该API的响应转换为Model。现在我想把这个模型传递给其他组件。我已经使用@Input来获取模型，但是它在视图中呈现，但没有捕捉到组件。当我console.log传递给我的那个模型时，它显示了我的未定义。
代码
import {Component, Inject, OnInit} from '@angular/core';
import {MAT_DIALOG_DATA, MatDialog} from "@angular/material";
import {Spec
浏览 3提问于2018-05-18得票数 1
回答已采纳
2回答
我需要帮助垫对话框渲染在屏幕上。添加下面执行此操作所遵循的步骤。
安装在项目中的包是
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.900.7
@angular-devkit/build-angular 0.900.7
@angular-devkit/build-optimizer 0.900.7
@angular-devkit/build-webpack
浏览 4提问于2020-04-18得票数 1
我正在尝试使用Angular material模块在单击一个按钮时打开一个模型。我遵循了中建议的示例。
但是，在尝试运行应用程序时，我看到以下错误-
errors.js:48 ERROR Error: Uncaught (in promise): Error: StaticInjectorError[MatDialog]:
StaticInjectorError[MatDialog]:
NullInjectorError: No provider for MatDialog!
Error: StaticInjectorError[MatDialog]:
StaticInj
浏览 1提问于2018-02-12得票数 9
我已经尝试了许多方法，并尝试像文档一样进行操作，以使其至少在上运行。
我在控制台中看到以下错误：
core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: No provider for MatDialogRef!
代码：
import {Component, Inject} from '@angular/core';
import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
@Component({
浏览 0提问于2017-11-02得票数 1
3回答
我需要将mat-table组件的页眉固定在顶部，但它不起作用。
我有Angular v6.1.7和@angular/material v6.4.7。
我将"sticky: true“属性作为添加到matHeaderRowDef中，但它没有做任何事情:(
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
我有一个示例项目：
这是我在TS文件上的导入：
import { Component, Input, OnChanges, OnInit, Simp
浏览 0提问于2018-10-09得票数 8
回答已采纳
我使用的是Angular MatDialog。我有它的问题，没有显示正确和样式，背景等。我有过
import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
也是在app.module中：
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
import { MatDialogModule } from '@angular/material/dialog';
我的
浏览 34提问于2020-07-09得票数 1
通过在构造中包含Provider: MatDialog
constructor(groupService: GroupService, public dialog: MatDialog) {}
我在运行时得到以下错误
错误:没有提供InjectionToken垫-对话框-滚动策略！
我已经在"app.module.ts“中包含了Mat对话框，我需要一个不同的提供者吗？我用的是角材料2.0.0b12
浏览 3提问于2017-10-12得票数 29
回答已采纳
我不能像文档中所描述的那样注入MatDialogRef：
当我想做的时候，我犯了错误：
错误: StaticInjectorErrorMatDialogRef: StaticInjectorErrorMatDialogRef: NullInjectorError:没有MatDialogRef的提供者！
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { F
浏览 10提问于2017-11-13得票数 112
回答已采纳
我正在制作一个测试应用程序，因为当我点击一个按钮时，我会使用一个对话框。我做了这里建议的所有事情()，但我不明白为什么它不工作
它不是将我的组件显示为对话框，而是在我的页面上显示我的对话框(而不是对话框)，请参见我的屏幕截图。红色框中的内容应作为对话框打开
我已经尝试了一些不同的东西，也在互联网上搜索了一些解决方案，甚至在StackOverflow上也是如此。但目前似乎什么都不起作用。
主元件：
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular
浏览 21提问于2019-08-14得票数 0
回答已采纳
我从教程中做了一个基本的模态对话框，有点卡住了，加载我的项目会给我带来这样的错误：
ERROR Error: Uncaught (in promise): Error: inject() must be called from an injection context
Error: inject() must be called from an injection context
at injectInjectorOnly (core.js:728)
我不知道为什么错误消息说小写-我注入()而不是大写-i @Inject，我正在构造函数中调用它。
import { Component,
浏览 15提问于2020-01-22得票数 0
回答已采纳
我想在Angular中注销时关闭所有对话框(mat-对话框、引导模式和甜蜜警报)。这是如何在AngularJS (1.5版)中完成的：
function logout() {
//hide $mdDialog modal
angular.element('.md-dialog-container').hide();
//hide any open $mdDialog modals & backdrop
angular.element('.modal-dialog').hide();
angular.element('md-b
浏览 0提问于2018-04-06得票数 30
回答已采纳
1回答
我正在使用Angular 2构建一个博客，在列表页面中，我使用Angularfire FirebaseListObservable从firebase获取帖子。问题是，在加载帖子后，即使列表超过了当前可见的窗口，页面也无法滚动。这是页面的截图。有更多的帖子是不可见的，页面是不可滚动的。
The component.html
<ul>
<li *ngFor="let post of posts | async"><h1>{{ post.title }}</h1></li>
</ul>
浏览 3提问于2017-02-02得票数 0
回答已采纳
我正在尝试使用MatDialog，并基于实现了该对话框，如下所示：
import {Component, Inject, OnInit} from '@angular/core';
import {Router} from '@angular/router';
import {AuthenticationService} from '../../../service/authentication.service';
import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angul
浏览 0提问于2017-11-12得票数 22
回答已采纳
1回答
角MatDialog立即关闭
、、、、
我试图使用棱角材料弹出一个对话框与另一个组成部分。但是，单击用于打开对话框的按钮，只打开它一秒钟，然后几乎立即关闭它并刷新页面。
这是我的登录组件：
<div class="main">
<div class="col-md-6 col-sm-12">
<div class="login-form">
<form>
<div class="form-group">
浏览 1提问于2022-04-30得票数 0
回答已采纳
1回答
无法正确显示角对话框
、、、
我试图使一个对话框的角度，但该对话框不是显示在中间，只是一个垂直的白色矩形的左边。我将包括一个描述确切问题的图像：。
我已经在我的appmodule.ts文件中包含了条目组件
编译时没有错误。
头component.ts文件：
import { Component, OnInit } from '@angular/core';
import { MatDialog, MatDialogRef } from '@angular/material';
import { LoginComponent } from '../login/login
浏览 1提问于2020-08-25得票数 1
我正在使用最小化我的angular应用程序中的引导模式。
使用这个插件的问题是，每当我最小化一个模式时，我就不能在任何html页面上做任何事情，比如在输入框中键入一些东西，滚动页面等。
解决此问题的解决方案是什么？
浏览 0提问于2017-10-05得票数 0
2回答
我想在我的扩展面板组件中显示一个删除模式，目前我有以下内容：
扩展-小组.组件.：
import { Component, OnInit, Input } from '@angular/core';
import {MatDialog} from '@angular/material/dialog';
import { DeleteModalComponent } from '../delete-modal/delete-modal.component';
@Component({
selector: 'app-admi
浏览 4提问于2021-01-28得票数 0
回答已采纳
我正在创建棱角材质对话框弹出，但不是弹出组件显示在底部。
Component.ts
constructor(public dialog: MatDialog) { }
openDialog(): void {
const dialogRef = this.dialog.open(DialogComponent, {
width: '250px'
});
dialogRef.afterClosed().subscribe(result => {
console.log('The dialog was closed')
浏览 5提问于2022-04-29得票数 0
回答已采纳
2回答
login.component.ts
import { Component, OnInit,ViewChild , Inject} from '@angular/core';
import { Login } from './login';
import {MatPaginator, MatSort, MatTableDataSource, MatDialog,MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';
@Component({
selector: 'app-
浏览 0提问于2018-01-03得票数 1
回答已采纳
我是编程新手，也是Angular新手，所以我想我需要一些帮助。我目前正在浏览Angular文档以寻找答案，但有时这里的解释要好得多！ 根据我之前关于为Angular Material提供的MatDialog创建包装器服务的问题，我想知道是否可以将组件类型的名称字符串转换为我们传递给MatDialog.open方法的组件或模板引用(ComponentType | TemplateRef)？说不通吗？我会解释得更清楚一点... 这里我有一个用于MatDialog的包装器服务，请注意，我们必须将"componentRef“传递给dialog.open方法 import {Injectabl
浏览 19提问于2019-02-27得票数 1
1回答
我设置了一个Jasmine spy来测试，当用户单击一个按钮(触发goBack()函数)时，它会打开一个对话框组件，或者就测试而言，它会调用一个东西。这是一个非常简单的测试，我有几乎相同的测试可以工作，但由于某些原因，这个测试不能。测试的输出为Expected spy open to have been called。 component-with-a-button.component.ts import { MatDialog } from '@angular/material/dialog';
export class ComponentWithAButton {
浏览 18提问于2021-11-18得票数 0
我正在使用，它很棒。然而，滚动行为有点奇怪。如果你打开一个覆盖图并将鼠标放在它上面，如果你在覆盖图的顶部/底部，你仍然可以滚动它后面的页面。
有没有办法(最好是内置的jquery工具)防止覆盖后的页面滚动？
浏览 0提问于2011-06-08得票数 2
回答已采纳
我希望页面滚动到顶部，如果它在我的应用程序的某个页面上。
它需要在页面显示后执行此操作。
我使用的代码是：
$('.current-page, #'+desiredPage).toggleClass('current-page')
if(desiredPage === 'page-search-results'){
$(window).scrollTop(scrollPosition)
}else{
$(window).scrollTop(0)
}
但是，在实际切换类之前，页面会滚动到顶部一秒钟(类中包含css以显示页面
浏览 0提问于2013-08-27得票数 0
事实上，我对MatDialog内嵌的ngComponentOutlet组件有更多的问题。但让我们从这里开始。
我正在建造的东西
我想在MatDialog中显示一个任意组件。我已经找到了一种方法，但是虽然它在角9上工作(我找到了一个用它编写的例子)，但是它不工作在角11 (我的项目所基于的版本)和角13 (@最新版本)。
观察
当内部<button (click)="close()">Close</button>包含一个close()，而我单击该按钮时，不会触发内部组件的close()方法
如果我将close()方法绑定到(mousedown)事件
浏览 17提问于2022-02-05得票数 3
回答已采纳
1回答
我构建了一个名字列表，我需要能够用弹出窗口添加一个名字。我用角度材料设置它，但是对话框没有弹出，而是在页面底部打开。以下是父ts：
import { Component, OnInit } from '@angular/core';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import { Person } from '../person'
import { PersonService } from '../person.service'
浏览 1提问于2020-06-28得票数 0
回答已采纳
我正在使用angular materials ()中的对话框。我实际上经常使用这个组件，并且一直遵循文档，并且总是让它按照文档中的方式工作。但这一次我有不一致的行为。对于我的应用程序的其余部分，它的工作方式与普通应用程序一样，但在应用程序的一个地方，用户必须向下滚动一种方式，按下一个按钮，然后对话框就会出现，尽管它的背景是覆盖整个应用程序的灰色背景。
滚动似乎会以某种方式影响它，因为当我将按钮移动到同一组件中的某个位置，以便用户不必滚动时，它会按预期工作。是什么导致了这一点。我如何解决这个问题，以便用户可以滚动到底部，但这个灰色屏幕将不会覆盖应用程序？
这是我的代码这是打开对话框的
浏览 0提问于2018-08-27得票数 0
我在我的应用程序中调用了几个资源，如下所示：
angular.module('myApp', ['infinite-scroll', 'chieffancypants.loadingBar', 'ngResource'])
然后在html中：
<script type="text/javascript" src="js/lib/angular-resource.min.js"></script>
<script type="text/javascript"
浏览 3提问于2014-03-20得票数 0
回答已采纳
我是新来的。我正在集成MatDialog。我从棱角官方文档中复制代码。当我点击打开对话框时，我将面临这个错误。
这是我的donations.component.ts
import {MatDialog, MAT_DIALOG_DATA} from '@angular/material/dialog';
export interface DialogData {
animal: 'panda' | 'unicorn' | 'lion';
}
@Component({
selector: 'app-donations
浏览 2提问于2020-07-16得票数 0
我将使用Angular 7上的Angular元素来构建轻量级的web组件，这些组件可以简单地部署到现有的web页面中。最初的测试是有希望的，但是我在使用基于角度材质(MatDialog)的对话框时遇到了显示问题。如果我将Angular组件(FilterComponent)构建为Angular元素，并在一个简单的HTML5网页中运行生成的web组件，则对话框直接显示在基本网页上，而不是显示在分离的框中。 我使用的是当前稳定的Angular/cli 7.3.8版本。 app.module.ts： @NgModule({
declarations: [
AppComponent,
浏览 15提问于2019-04-27得票数 5
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
