(Angular 7，Chrome扩展)为什么mat对话框在网页中可以正确呈现，而在chrome扩展中却不能？(使用复制回购)
问题分析
在使用Angular 7开发Chrome扩展时，遇到mat-dialog（Material Design对话框）在网页中可以正确呈现，但在Chrome扩展中却不能正常显示的问题。
基础概念
- Angular Material：Angular Material是Angular的一个UI组件库，提供了丰富的Material Design风格的组件，包括对话框（
mat-dialog）。 - Chrome扩展：Chrome扩展是一种可以在Chrome浏览器中运行的小型软件程序，可以修改和增强浏览器的功能。
可能的原因
- 样式冲突：Chrome扩展的样式可能与Angular Material的样式发生冲突。
- 脚本加载顺序：Chrome扩展中的脚本加载顺序可能不正确，导致Angular Material组件无法正确初始化。
- 权限问题：Chrome扩展可能没有足够的权限来加载某些资源或执行某些操作。
解决方法
1. 确保样式正确加载
确保Angular Material的样式文件正确加载。可以在manifest.json中添加样式文件的路径：
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content.js"],
"css": ["styles.css"]
}
],
"web_accessible_resources": [
"https://unpkg.com/@angular/material/prebuilt-themes/indigo-pink.css"
]
}2. 确保脚本加载顺序正确
确保Angular Material的脚本在Angular应用脚本之前加载。可以在manifest.json中调整脚本的加载顺序：
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": [
"https://unpkg.com/@angular/material@7.0.0/bundles/material.umd.js",
"content.js"
],
"css": ["styles.css"]
}
]
}3. 确保权限正确
确保Chrome扩展有足够的权限来加载所需的资源。可以在manifest.json中添加必要的权限：
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"permissions": [
"activeTab",
"https://unpkg.com/*"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": [
"https://unpkg.com/@angular/material@7.0.0/bundles/material.umd.js",
"content.js"
],
"css": ["styles.css"]
}
]
}4. 检查控制台错误
打开Chrome开发者工具的控制台，查看是否有任何错误信息。这些错误信息可以帮助定位问题。
示例代码
假设你的Angular应用和Chrome扩展的基本结构如下：
manifest.json
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"permissions": [
"activeTab",
"https://unpkg.com/*"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": [
"https://unpkg.com/@angular/material@7.0.0/bundles/material.umd.js",
"content.js"
],
"css": ["styles.css"]
}
]
}content.js
// 初始化Angular应用
angular.element(document).ready(function() {
angular.bootstrap(document, ['myApp']);
});styles.css
@import "https://unpkg.com/@angular/material/prebuilt-themes/indigo-pink.css";参考链接
通过以上步骤，你应该能够解决mat-dialog在Chrome扩展中无法正常显示的问题。
相关·内容
我正在尝试分享我的Facebook Canvas应用程序，由于某些原因，请求对话框在Chrome和Firefox中可以使用，但在IE中却不能。下面是我的代码：
FB.init({
appId: 'MyAPPID',
status: true,
cookie: true,
oauth: true
});
function inviteFriends() {
FB.ui({method: 'apprequests',
me
浏览 0提问于2012-01-16得票数 1
1回答
如何从角材料对话框中获取数据？
、、、、
如何从角度材料对话框中的输入字段中获取数据？
这是我的密码：
TS
import { Component, OnInit, Inject } from '@angular/core';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
@Component({
selector: 'app-test',
templateUrl: './foo.component.html',
styleUrls: ['.
浏览 0提问于2019-07-10得票数 5
回答已采纳
我正在尝试使用新的WebExtension接口将Chrome扩展转换为火狐。
除了在网页中使用chrome.runtime.sendMessage()之外，一切都很正常。目标是与插件通信并传递一些数据。
为此，我使用了如下所示的属性"externally_connectable“：
background.js
chrome.runtime.onMessageExternal.addListener(
function(request, sender, sendResponse) {
sendResponse({
success: true,
m
浏览 43提问于2016-07-21得票数 3
我刚刚开始在Angular v6中使用Angular材质。当我试图在我的组件中显示公共字段的值时，它不会呈现在我的网页上。但是，如果我使用Chrome DevTools验证该元素是否存在，我可以看到生成了一个值，但网页不显示它。
<mat-card>
<mat-card-title>Basic grid list {{getLabel(22, 'Members')}}</mat-card-title> <!-- This shows properly -->
<mat-card-content class=&
浏览 13提问于2018-08-26得票数 0
2回答
目前，我已经尝试了下面的代码，但我还没有使用额外的数据。
create-room.component.ts
import { Component, Inject, OnInit } from '@angular/core';
import { AbstractControl, FormBuilder, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';
import { MatDialogRef, MAT_DIALOG_DATA }
浏览 18提问于2022-03-29得票数 0
回答已采纳
Angular材质对话框在我的Chrome机器上停止工作。他们也停止了在网络上的工作，所以这不是一个编码问题。 任何使用角度材质对话框的站点都只显示一个空的透明灰色覆盖，而不是显示一个对话框。在Edge下，对话框仍然可以正常工作。他们上个星期工作得很好。 我已经重启了几次，更新了系统上的所有东西，重新安装了Chrome，关闭了图形加速，删除了所有Chrome扩展，清除了缓存，检查了内存使用情况，并查看了系统日志中的错误。 https://material.angular.io/components/dialog/examples 当我浏览到这个网站并点击"Pick One“按钮时，我
浏览 11提问于2019-08-27得票数 0
angular 5对话框关闭在IE-Edge和IE-11中不起作用。我尝试使用下面的代码。它在chrome和safari上运行得很好。
<mat-icon class="close-icon" (click)="handleDialogClose()" >close</mat-icon>
和
handleDialogClose() {
this.dialogRef.close();
}
浏览 0提问于2018-06-06得票数 0
1回答
在一个场景中，我想让我的重构成为我的Angular应用。
我有一个html的地方，在不同的按钮上点击，我想打开的对话框在所有方面都是相同的，除了组件，在点击按钮时打开。
<button mat-raised-button (click)="openDialog('ComponentA')">Component A</button> <button mat-raised-button (click)="openDialog('ComponentB')">Component B</button
浏览 0提问于2019-02-24得票数 0
1回答
我正在尝试使用Angular 4中的MdDialog。
对话html：
<div style="width: 100%">
<h2>Dialog</h2>
<button md-raised-button (click)="dialogRef.close()">Close dialog</button>
</div>
对话框组件：
import { Component, OnInit } from '@angular/core';
import { MdDia
浏览 9提问于2017-07-08得票数 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
3回答
我正在使用angular 8和mat-dialog。现在，mat-dialog覆盖了整个页面，mat-dialog位于页面的中心，如下所示。
但是我希望mat-对话框只出现在div上，覆盖图也应该只出现在父div上，即mat-dialog应该是相对于父div的，如下图所示。该怎么做呢？此外，这是一个响应式的网页，因此，添加垫对话框和覆盖的位置是大量的工作，可能不会在不同的屏幕大小看起来很好。如果不能使用角度材料，请建议一些其他框架(bootstrap等)或其他方法。
。
浏览 1提问于2019-10-22得票数 3
我在我的angular网页中安装了一个MatExpansionPanel，下拉箭头在该面板中不可见。相反，标题和内容在默认情况下是可见的。 我试着从"Angular Material“网站上复制一段代码，但仍然无法解决这个问题 <mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>
MY POSTS
</mat-expansion-panel-header>
<p>Post</p>
浏览 23提问于2019-02-07得票数 0
回答已采纳
我正在尝试更改md-对话框的样式。
在我的main.scss中，我导入了预构建的粉色-蓝色主题...然后在我的组件中导入以下内容-->
@import "@angular/material/dialog/dialog.scss";
$mat-dialog-padding: 0;
$mat-dialog-border-radius: 0.5rem;
$background: #ffffff;
@mixin mat-dialog-container {
padding: $mat-dialog-padding;
border-radius: $mat-
浏览 1提问于2017-02-25得票数 7
我想让扩展来帮助我检查不同网站的状态。所以我需要扩展来打开不同的网站，并检查网页中的一些dom。该网站可能是一个动态网页，所以我必须在浏览器中加载页面，这样我才能获得真正的dom (而不仅仅是源代码)。通常，对于相同的域环境。可能是这样的：
var w = window.open('http://www.yahoo.com');
console.log(w);
$(w).bind('load', function() {
//In chrome extension, i can not get "this.document"
//And
浏览 1提问于2012-03-02得票数 0
回答已采纳
2回答
渲染覆盖容器时，主题的角度材料？
、、、、
根据，我们应该能够添加所需的类来呈现支持角材料选择、Snackbar等的覆盖容器，如下所示：
themeClass:string = 'my-theme'
ngOnInit(): void {
// remove old theme class and add new theme class
// we're removing any css class that contains '-theme' string but your theme classes can follow any pattern
const
浏览 5提问于2022-05-01得票数 0
回答已采纳
3回答
我已经创建了一个mat对话框组件来激发http响应。当我为mat对话框在html中包含一个ngIf语句时，它不会被处理。在控制台上，它显示如下警告。
不能绑定到“ngIf”，因为它不是“div”的已知属性。
NgIf在项目中的所有其他组件中都工作得很好。
在打字记录文件中调用mat-对话框。
this.matDialog.open(PaymentModelComponent, {
width: "630px",
data: { message: response.comment },
auto
浏览 4提问于2020-07-09得票数 1
回答已采纳
我的弹出对话框一直在闪烁，该对话框在iframe中弹出。环境如下所示：
System: Windows only
Browser: Chrome only
Frontend Framework:
"@angular/core": "~10.1.5",
"@clr/angular": "^4.0.3",
"@clr/core": "^4.0.3",
本期短视频：
我的假设是，1.加载时间看起来很好，所以它不应该是性能问题。2.我的test/staging/prod env的代码库是
浏览 16提问于2021-03-05得票数 0
我有一个可拖动的对话框，它不工作。但我在另一个项目上也有类似的工作代码。 我的主要代码： <div cdkDrag cdkDragRootElement=".cdk-overlay-pane" >
<h2 mat-dialog-title cdkDragHandle> Justin Wu</h2>
</div>
<label>I am a {{ position}}</label>
<div>
<button class="close" mat-butto
浏览 31提问于2020-10-24得票数 0
回答已采纳
10回答
我使用角5和角材料(最新版本)，我试图打开一个对话框从一个网页。当我单击触发打开的按钮时，整个网站都处于空白的背景中，就像对话框正在叠加内容并将其全部隐藏起来一样。
import { Component, OnInit, Inject } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
@Component({
moduleId: module.id,
selector: 'app-dialog',
浏览 7提问于2017-12-12得票数 19
我将使用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
2回答
我有一个用Angular 4构建的渐进式Web应用程序。
我的问题是，Fb登录对话框在从主屏幕应用程序使用时不会自动关闭。当在chrome浏览器中打开它时，它工作得非常好，但当我在安装的主屏幕应用程序中使用它时，对话框窗口会打开并询问权限，在所有权限都被授予后，对话框将变为空白，不会关闭或重定向回应用程序。
似乎如果我将manifest.json中的"display“更改为"browser”，它可以工作，但当"display“处于"standalone”状态时就不起作用了。
我找遍了，但没有成功。
谢谢
浏览 0提问于2017-09-26得票数 8
我已经将一个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
我尝试用Material创建一个非常基本的角应用程序实例，但是当我试图在对话框的HTML中合并任何“角”(例如使用<mat-dialog-content>或[(ngInput)])时，它都无法编译。
在使用<mat-dialog-content>时
error NG8001: 'mat-dialog-content' is not a known element:
(然后是关于验证它是否是模块的一部分)
而对于[(ngInput)]，我得到：
src/app/dialog-test/dialog-content-example-dialog.html:1
浏览 8提问于2022-06-02得票数 1
3回答
lanuage.component.html
<form method="post" enctype="multipart/form-data">
<mat-checkbox class="versionstyle" name="languageenabled"[(ngModel)]="languageObj.languageenabled">Enabled</mat-checkbox>
</form>
我想让复选框在默认情况下在angular6中选中，我在谷歌
浏览 0提问于2018-08-30得票数 0
回答已采纳
最近出现了一个新的bug，它禁用了文件选择对话框的输出窗口。 <!-- shown in Maximilian Schwarzmuller Angular & NodeJS - The MEAN Stack Guide -->
<form [formGroup]="form" style="width: 100%">
<div class="row" [ngStyle]="{'height': editing[0] ? 'fit-content' : '
浏览 48提问于2019-12-06得票数 1
回答已采纳
我用的是angular 8元算术。我有两个对话框，当我点击一个按钮时，一个对话框将打开，之后，当我点击第一个dialog.Here上的按钮时，将打开另一个对话框，我在dialog.Here上使用对话框时，主要问题是我想要在单击关闭按钮时逐个关闭对话框。现在，当我想要关闭第二个对话框时，单击关闭按钮，第一个对话框将关闭。下面是代码 home.component.html <div>
<div class="alert alert-info">
<strong>Angular Material Dialog Component</st
浏览 26提问于2020-09-12得票数 0
1回答
席形场是看不见的
、、
我是一个非常新的角度，我试着写的项目，有两个输入字段。我有一个问题，我不能在网站上看到这些字段，但它们是可点击的，我可以在它们中写文本。在我给这两个领域加上垫子错误后，我就发生了这种事。有人知道我的问题是什么。
这是我的app.component.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=e
浏览 1提问于2022-02-19得票数 1
我有一个对话框组件和应用程序组件，其中的材料对话是实现的。这里是app组件的代码
import { Component } from '@angular/core';
import {VERSION, MatDialog, MatDialogRef} from '@angular/material';
import { DialogComponent } from '../dialog.component';
@Component({
selector: 'my-app',
templateUrl: './app
浏览 9提问于2017-12-23得票数 12
回答已采纳
这个问题只在Chrome中出现，即使在禁用所有扩展并重启Chrome之后也是如此。
在TinyMCE 3.5.8编辑器中，单击“插入/编辑图像”图标打开一个对话框后，该对话框非常小。我创建了一个fiddle 来说明这一点。截图如下：
下面是对话框的外观(以及它在所有其他浏览器中的外观)：
如何使对话框在Chrome中以正确的大小打开？
浏览 1提问于2013-09-16得票数 4
我想在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回答
角度材质对话框- AGM贴图
、、、、
我正在尝试创建一个使用AGM(angular google maps)来捕捉用户位置的材质对话框。我的主页中有一个可用的示例，但是当对话框打开时，它只是在地图应该所在的位置显示一个空白区域。当我更改了CSS的高度，并且可以看到白色区域在增长/缩小时。 有人知道为什么吗？或者有什么我可以尝试的吗？ 这是我的对话HTML... <h1 mat-dialog-title>Where do you work?</h1>
<div mat-dialog-content>
<mat-form-field>
<input matInput
浏览 16提问于2019-02-19得票数 0
回答已采纳
1回答
我为mat对话框创建了单独的HTML文件。做了材料导入，但对话框不是以弹出形式打开，而是在页面底部打开。
这是对话框html，它有一个按钮来关闭对话框。
assignRMDialog.html
<h2 mat-dialog-title>Assign RM</h2>
<mat-dialog-content>
<hr>
<button class="btn-primary" (click)="onNoClick()" >Close</button>
浏览 4提问于2021-08-14得票数 1
回答已采纳
1回答
我有问题的角度材料主题，我不能改变所有组件的主题。问题是如果我不在app.module.ts的构造函数中使用overlayContainer，对话框总是浅色的，但是如果我使用它，那么对话框总是深色的。我想要的是，如果我选择了浅色主题，所有的东西，包括菜单和对话框都应该是浅色的，只有当我选择深色主题时才应该是深色的。我遵循了https://material.angular.io/guide/theming#multiple-themes上的教程 我的theme.scss是： @import "~@angular/material/theming";
@include mat-
浏览 27提问于2020-10-14得票数 2
回答已采纳
2回答
我使用的是mat对话框，它是在ap-fullcalendar上单击一个事件时执行的。我正在使用Angular6。
当我单击一个事件时，出现以下对话框，没有任何信息。
一旦我按下“购买”按钮，它就会把我带到实际的对话框。
注意:按钮似乎没有像预期的那样工作，然而，我认为这是由于我最初的问题。此外，当我双击我的事件时，我得到了不同的行为，其中对话框打开，如第一个屏幕截图所示。当我按或取消时，它可以正常关闭。
如有任何帮助，我们不胜感激！
我的主要组件TS：
import { Component, OnInit, ViewChild, Inject } from '@an
浏览 1提问于2018-08-12得票数 4
我使用的是angular material-2中的对话框。
问题是:当模式对话框在iPhone或tablet中打开时，我无法禁用自动对焦。在iOS中，它会自动聚焦对话框中的第一个输入字段！
我尝试使用制表符索引和其他输入字段中的自动聚焦，但不起作用
我在代码中使用了Angular 2，在我的对话框中我使用了form-control。我尝试使用markasuntouched afterviewInit，但仍然有同样的问题!！
浏览 2提问于2017-11-30得票数 76
在打开material对话框面板时，我正在尝试传递一些数据。下面的例子是我从here学到的 与对话框组件共享数据。 如果要与对话框共享数据，可以使用data选项将信息传递给对话框组件。 let dialogRef = dialog.open(YourDialog, {
data: { name: 'austin' },
}); 要访问对话框组件中的数据，必须使用MAT_DIALOG_DATA注入令牌： import {Component, Inject} from '@angular/core';
import {MAT_DIALOG_DATA} from
浏览 15提问于2019-03-08得票数 1
回答已采纳
2回答
我希望从对话框(特别是消息变量)返回一个字符串到主组件，但它不起作用。
console.log(res)命令根本不工作。
我做错什么了？
以下是代码：
主要组件TS代码：
openSendMessageDialog(element: any){
this.dialogService.openSendMessageDialog(element.buyer)
.afterClosed().subscribe(res =>{
if(res){
console.log(res) //Message
}
});
}
对话框服务TS代
浏览 6提问于2022-06-13得票数 1
我需要将数据从angular material bottomsheet传递到它的父组件。 就像我们在angular material对话框组件中有[mat-dialog-close]指令一样，我们可以像https://material.angular.io/components/dialog/api#MatDialogClose中提到的那样将数据从对话框传递到父对话框 对话html： <button [mat-dialog-close]="'dataWhichNeedsToBePassed'" cdkFocusInitial>Ok</butt
浏览 32提问于2020-08-17得票数 1
回答已采纳
1回答
我一直使用的角度与材料，我想有‘垫-进度-栏’显示时，我按‘添加’在我的对话框，我已经做了一个小应用程序在StackBlitz上，这可能使它更容易理解。
dialog-overview-example.html
<div *ngIf="LoadingCondition; then LoadingBlock"></div>
<ng-template #LoadingBlock><mat-progress-bar mode="indeterminate"></mat-progress-bar><
浏览 0提问于2018-10-03得票数 0
回答已采纳
1回答
我想以角显示一个对话框来确认一个删除操作，但是这个对话框没有出现，它附加到页面的末尾，这里是我的对话框组件ts文件：
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
export class DeleteBoxComponent implements OnInit {
constructor(private dialogRef: MatDialogRef<DeleteBoxComponent>,
@Inject(MAT_DIALOG_DATA)
浏览 4提问于2021-11-20得票数 1
回答已采纳
我正在尝试创建一个使用角度材料的登录表单。我正在使用@angular/material": "^7.3.0。
在app.module.ts中，我导入了以下内容，并将它们放在imports数组中，
import {
MatToolbarModule, MatFormFieldModule, MatInputModule,
MatOptionModule, MatSelectModule, MatIconModule,
MatButtonModule, MatCardModule, MatTableModule,
MatDividerModule, MatSnac
浏览 0提问于2019-02-07得票数 27
回答已采纳
1回答
角度匹配中的路由
、、、、
我试图将路由添加到角中的角材料Mat对话框中。但有一个问题正在发生。
当我尝试添加路由URL时，手动从
https://localhost:3200
至
https://localhost:3200/login
或
https://localhost:3200/signin
不会弹出来
Tab交换问题
此外，还有另一个问题，当打开对话框进行登录时，如果我选项卡切换到SignIn，则URL没有变化。
Navbar.component.ts (对话框初始化组件)
import { Component, OnInit, Output, EventEmitter, Inject } from &#
浏览 4提问于2020-07-20得票数 0
回答已采纳
我已经创建了一个网页，它打开一个绝对的模式-类似-对话框在按钮上单击。作为基础，我使用jQuery添加了body { overflow:hidden; }，以防止后台页面滚动。这对任何东西都有效，并防止用鼠标滚动。(FF和Chrome -两者都有)
当我按键盘上的箭头键时，FF会出现问题。页面滚动。(尽管它不显示滚动条。)有没有人面临同样的问题，或者这是一个已知的bug？我想如果有人可以建议CSS唯一的解决方案。
浏览 16提问于2016-09-16得票数 1
1回答
在IE中显示函数进度
、、、
$("#processorTeam").click(function(e) {
$("#processingDialog").dialog().html('Processing Started')
var funcCall = processImages(e);
})
这段代码启动一个jQueryUI对话框，用“Processing Started”填充文本，然后运行processImages函数。
在火狐和Chrome中，对话框在processImages函数运行之前显示，然后在processImages函数运行期间显示状态消
浏览 1提问于2011-04-02得票数 0
回答已采纳
1回答
我已经实现了一个带有棱角材料的登录页面。问题是样式overflow: hidden和显示密码按钮不起作用。如果单击该按钮两次，则网页将再次加载，但不应该如此。我在角度和柔韧性方面很新。因此，如果每个人都能解释我的问题，那将是非常有帮助的。非常感谢。
我的模板：
<mat-card>
<mat-card-title>Login</mat-card-title>
<mat-card-content>
<form>
<p class="spacer"><
浏览 8提问于2022-02-17得票数 0
回答已采纳
我的前端有一个表，其中包含使用spring的MySQL数据库中所有用户的列表。我想要创建一个可以在点击用户时打开的素材对话框，但是由于某种原因，我在firefox和chrome上遇到了很多错误，上面提到了这些错误，而且我在网上没有发现任何可以帮助我的东西，尽管我遵循了很多教程来创建这个角度对话框，但是我仍然得到了相同的错误。
下面是我的组件html，它包含用户列表：
<div class="container-scroller">
<app-navbar></app-navbar>
<div class="container-f
浏览 0提问于2019-05-26得票数 1
回答已采纳
嗨，为什么whis网页可以在Chrome中正常工作，而在firefox和Edge中却不能呢？
我找不到原因:(我也不知道如何搜索问题：
浏览 17提问于2017-08-19得票数 0
最近，我将从reveal.js 2.6.2升级到3.5.0。一切都很好，除了现在有45000页，而不是升级之前的350个页面。
要复制，和要求打印对话框在Chrome，这将已经显示的页数。
我的index.html没有变。它仍然有这样的代码：
<script>
if (window.location.search.match(/print-pdf/gi)) {
document.write('<link rel="stylesheet" href="website/reveal/css/print/pdf.css"
浏览 4提问于2017-09-24得票数 7
回答已采纳
1回答
我使用了，但是它的样式不是在网页中呈现。
我尝试将样式添加到styles.less中
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
并将MatNativeDateModule、MatFormFieldModule、MatInputModule导入到app.module.ts中。
import { MatNativeDateModule, MatFormFieldModule, MatInputModule } from "@angular/material";
和
npm i @ang
浏览 20提问于2022-10-13得票数 0
回答已采纳
我知道这个问题是重复的()。但我有个问题。我已经在AppModule的导入部分添加了MatDialogModule。
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
MatDialogModule,
MatButtonModule,
AppRoutingModule,
BrowserAnimationsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class
浏览 2提问于2020-07-25得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
