如何使用snackbar在angular 8中添加错误处理，而不使用集中式错误处理
在Angular 8中，可以使用Snackbar来添加错误处理，而不使用集中式错误处理。Snackbar是一个轻量级的组件，它可以在页面的底部或者顶部显示一条消息，并且可以自动消失。
下面是在Angular 8中使用Snackbar添加错误处理的步骤：
- 首先，确保你已经安装了Angular Material库。可以通过运行以下命令进行安装：
- 首先，确保你已经安装了Angular Material库。可以通过运行以下命令进行安装：
- 在你的Angular项目中，打开你希望添加错误处理的组件的.ts文件。
- 导入Snackbar相关的模块和服务：
- 导入Snackbar相关的模块和服务：
- 在组件的构造函数中注入MatSnackBar服务：
- 在组件的构造函数中注入MatSnackBar服务：
- 在需要添加错误处理的地方，使用MatSnackBar的open方法来显示Snackbar：
- 在需要添加错误处理的地方，使用MatSnackBar的open方法来显示Snackbar：
- 在上面的代码中，第一个参数是Snackbar要显示的消息内容，第二个参数是一个关闭按钮的文本，第三个参数是一个可选的配置对象，你可以在这里设置Snackbar的一些选项，比如持续显示时间和样式。
- 在组件的CSS文件中，定义一个自定义的CSS类，用于自定义错误Snackbar的样式：
- 在组件的CSS文件中，定义一个自定义的CSS类，用于自定义错误Snackbar的样式：
- 在上面的例子中，Snackbar的背景色被设置为红色，文本颜色被设置为白色。
通过上述步骤，你就可以在Angular 8中使用Snackbar添加错误处理了。当发生错误时，Snackbar会在页面的底部或者顶部显示一条错误消息，并在一段时间后自动消失。
请注意，以上步骤中提到的Angular Material库是由Google开发和维护的一个UI组件库，其中包含了Snackbar组件。如果你想了解更多关于Angular Material和Snackbar的信息，可以访问腾讯云的Angular Material产品介绍页面：Angular Material
相关·内容
我想将材料Snackbar添加到我的应用程序即服务。 因此，在我的notification.service.ts中，我添加了： import { Component, Input, Output, EventEmitter } from '@angular/core';
import { Injectable } from '@angular/core';
import { Subject } from 'rxjs';
@Injectable()
export class NotificationService {
snackbar_n
浏览 7提问于2019-05-30得票数 2
当显示来自使用MatSnackBar的服务消息服务的消息时，我希望显示一个图标。(材料模块在应用程序的模块中导入)。
但是，默认的snackbar不支持图标。我如何实现这样的特性？
import { Injectable } from '@angular/core'
import {MatSnackBar} from '@angular/material/snack-bar';
import {MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition} from "@angular/materi
浏览 0提问于2018-11-25得票数 4
回答已采纳
如果我有一个web服务(.asmx)，并希望它使用Json.NET来序列化从该web服务返回的所有对象，那么有什么方法可以做到这一点呢？
换句话说，我有一个这样的班级：
[JsonObject(MemberSerialization.OptOut)]
public partial class Person
{
public string FirstName {get; set;}
public string LastName {get; set;}
[JsonIgnore]
public str
浏览 0提问于2010-08-23得票数 7
回答已采纳
我想在angular网站上显示多个Snackbar。我正在为angular使用ignite UI，并从ignite使用Snackbar。 <igx-snackbar id="snackbar1" [displayTime]="displayTime">
<div [class]="leftBorder"></div>
<div class="snackbar-detail">
<img [class]="iconType" [alt]="
浏览 23提问于2021-08-12得票数 2
回答已采纳
6回答
Material Snackbar的颜色未更改
import { Injectable } from '@angular/core';
import { MatSnackBar } from '@angular/material';
@Injectable({
providedIn: 'root'
})
export class SnackbarService {
constructor(public snackBar: MatSnackBar) {
}
show(message: string, type?: string,
浏览 0提问于2018-12-24得票数 2
2回答
文本不只是动画背景层。
、、、
我正在学习角，我绊倒了这个我无法解决的小问题。
我成功地动画了一个div (像一个快捷键)，但是div中的文本并没有像背景层那样平滑地出现或消失。
下面是它的作用方式的图像：
import { Component } from '@angular/core';
import { MyService } from './myService';
import { trigger, state, style, transition, animate } from '@angular/animations';
@Component({
浏览 0提问于2018-04-01得票数 0
回答已采纳
5回答
我使用的是Angular和Angular材质版本5。
有没有办法让小吃店一直开着？
例如，如果发生错误，则打开snackbar，并在该snackbar上设置持续时间或超时时间，使其在5秒后关闭。如果在这5秒内发生另一个错误，我怎么能不关闭这个，然后打开另一个快餐栏，而只是增加这个快餐栏的持续时间几秒钟呢？
这是stackblitz url：
浏览 0提问于2018-04-03得票数 7
所以我在玩角度游戏，我想在我的应用程序中添加一些素材，以便当我的应用程序出现错误时。
因此，我有我的主页，我的导航是一个覆盖的z-指数为3000。在导航中有登录的选项(见下图)。我输入错误的登录数据是为了触发错误处理程序并使snackbar出现。
零食条确实出现了。然而，它隐藏在导航的后面。我怎样才能让它显示在导航上面？我尝试将z索引10000添加到使用以下代码处理snackbar的组件的scss中：
* {
z-index: 10000;
}
和
::root {
z-index: 10000;
}
但都没起作用。有人知道怎么做吗？
App.component.ts:用户导航是我处理登录的地
浏览 0提问于2018-09-01得票数 8
1回答
在库中使用MatSnackBar
、、、、
在库中使用MatSnackBar有一个问题。我创建了一个简单的组件，如下所示：
<div class="situ-error-snackbar">
<span>{{message}}</span>
<button type="button" mat-icon-button (click)="close()">
<mat-icon>closer</mat-icon>
</button>
</div>
代码如下所示：
浏览 7提问于2021-01-25得票数 0
我正在尝试使用Angular2-Material..我已经安装了@angular2/material和@angular2/cdk，并希望使用SnackBar。我已经在@NgModule中导入了MdSnackBarModule并尝试使用snackBar.open("hello")..
显示快捷栏，文本显示两次：
一次在快餐店，一次在右上角。
我打开了控制台，它向我显示了以下内容
MdSnackBarContainer_html:1 :
Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has change
浏览 1提问于2017-08-03得票数 1
我在我的角度应用程序中创建了一个全局snackBarService。我想根据消息类型(错误、成功、警告等)定制panelClass。我采取的方法是在构造函数中有一个全局配置，这有助于为快餐店定义全局样式/配置，并将添加自定义类以根据消息类型更改背景色。
SnackBarService.ts
import { Injectable, NgZone } from "@angular/core";
import { MatSnackBar, MatSnackBarConfig } from "@angular/material";
@Injectable({
p
浏览 9提问于2020-05-23得票数 3
5回答
我试图将配置添加到中。
我编写了以下代码，下面是官方网站上的文档。
import { Component, OnInit } from '@angular/core';
import { MatSnackBar, MatSnackBarConfig } from "@angular/material";
import { Location } from '@angular/common';
@Component({
selector: 'snack-bar-component-example',
templateUrl:
浏览 5提问于2017-12-20得票数 16
回答已采纳
1回答
给定这里的表单，我希望能够更新SQL中的数据。为了创建实现这一点所需的SQL查询，我必须传入上一行的值和新行的值，以便进行适当的比较。
示例SQL语句：
UPDATE MyTable
SET column1 = new_value1, column2 = new_value2,
WHERE column1 = oldValue1 AND column2 = oldValue2
但是，由于我的输入使用双向绑定，所以在尝试将其传递给我的SQL服务时，总是会得到新的值。是否有一种方法可以在发送行更新之前访问该行的前一个值？
表格HTML：
<form #updateRowForm=&#
浏览 2提问于2019-06-14得票数 0
回答已采纳
1回答
文档覆盖率Compodoc和角
、、、、
正如标题说的那样，我使用的是有角度的compodoc，到目前为止它工作得很好。
我的问题在于代码覆盖率的计算。有办法修改这个计算吗？我不想记录每个变量的含义，如果我认为它们是不言自明的。我不想让一百万@忽略在我的代码中，因为我认为它的可读性会变差。
更重要的是，我想知道，是否有一种方法来表明我错过了什么。例如，，但是当我看我的代码时，我不知道我还能记录什么.
我遗漏了什么？
import { Component }
from '@angular/core';
import { MatSnackBar } from '@angular/material/snack-b
浏览 10提问于2022-01-03得票数 1
嘿，我怎样才能将SnackBar中的文本对齐到居中？
这是我的代码，它不能工作：
import { Injectable } from '@angular/core';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material';
@Injectable({
providedIn: 'root'
})
export class MaterialService {
constructor(public snackBar: MatSnackBar) { }
ope
浏览 9提问于2018-10-08得票数 2
我正在尝试使用angular materials的快餐栏，但我遇到了一个问题-快餐栏没有出现在屏幕的按钮上，而是出现在调用它的按钮下。发生的另一件事是，它还会将小吃栏中的文本放到我的页面上。
下面是我使用的代码：
Snackbar.ts
import { Component, OnInit } from '@angular/core';
import {MdSnackBar} from '@angular/material';
@Component({
selector: 'app-snack-bar',
templateUrl: &
浏览 3提问于2017-07-22得票数 1
回答已采纳
我想为Mat Snackbar创建一个服务，这样我就可以在整个应用程序中使用Snackbar。多亏了这个问题，我才能让它运行起来-- How to use SnackBar on service to use in every component in Angular 2和我也知道我可以通过在SnackBarConfig中添加panelClasses来改变颜色。我的问题是，我如何才能做到这一点并将其用于服务？我不想有一个组件，我不知道如何让服务知道我想使用的css类。我知道我无法将scss导入到ts文件中。我正在考虑在app.component.scss中创建一个类，然后将其导入到我想要在其
浏览 13提问于2019-10-04得票数 1
2回答
试着在小吃店里展示上交所的活动。问题是我无法访问EventSource的onMessage函数中的snackBar属性。浏览器控制台中显示的错误为Cannot read property 'open' of undefined。
import {Component, OnInit} from '@angular/core';
import {MatSnackBar} from '@angular/material';
@Component({
selector: 'snack-bar-overview-example',
浏览 22提问于2017-12-14得票数 0
回答已采纳
我实现了一个显示的"snackbar服务“
snackbar.service.ts
import { Subscription } from 'rxjs/Subscription';
import { Subject } from 'rxjs/Subject';
import { Inject, Injectable, OnDestroy } from '@angular/core';
import { MatSnackBar, MdSnackBarConfig } from '@angular/material/snack-ba
浏览 17提问于2017-11-21得票数 11
回答已采纳
4回答
我试图弄清楚如何使我的snackbar消息成为中心，但不太确定如何做到这一点，而不消除持续时间。我试图删除空操作，但当我这样做时，它给了我错误。如果我能得到任何帮助或建议，我将不胜感激。
import { MatSnackBar } from '@angular/material/snack-bar';
subscribeUpdateChartResult(){
this.chartService.chartUpdated.subscribe(updated=>{
if(updated){
this.snackbar.open(&
浏览 2提问于2020-06-25得票数 0
回答已采纳
@angular/material提供了一些可以在不包括选择器的情况下显示在HTML中的项。例如，可以通过简单地注入一个MdSnackBar，然后在它上调用open来显示。您不需要像<md-snackbar></md-snackbar>或<div mdSnackBar></div>这样的东西。当您调用open时，它会在页面的顶部或底部绘制，而不管从何处调用，模板中不需要选择器元素。
我也想创建一个以这种方式工作的组件，但是我找不到一个简单的例子来说明如何做到这一点。我想我只是不知道这个技术叫什么，所以我不知道该搜索什么。
我看到的所有打开对话框或
浏览 6提问于2017-09-25得票数 0
回答已采纳
自从我开始编写我的两个npm包以来，我就得到了这个错误，我找不到解决这个问题的方法。每次运行ng serve时，我都会出现这个错误，然后如果我只添加一个空格字符并Ctrl+S一个文件(以运行一个角-CLI编译)，它就会释放它！如何解决这个问题？
错误：
错误中遇到静态解析符号值的错误。调用函数'makeDecorator'，不支持函数调用。考虑将函数或lambda替换为导出函数的引用，在D:/GitHub/angular-npm/ngx-heyl-modal/demo/node_modules/ngx-heyl-snackbar/node_modules/@angular/c
浏览 2提问于2017-07-07得票数 3
回答已采纳
我是angular的新手，我正在使用Angular Material Design for UI。
在我的应用程序中，我有一个快餐栏。
现在我想在快餐栏中设置一个图标，但我尝试了一些Stackoverflow帖子，我无法设置它。
代码：
this.snackBar.open('You are already registered.Please log in.','', { duration: 2000 });
我想设置的图标，因为在图像，但我有下面的小吃栏没有图标.I不知道如何添加这个。
有没有人能帮我添加这个。
浏览 2提问于2018-08-30得票数 10
这个例子永远停留在屏幕上：
import {Component, ViewContainerRef} from '@angular/core';
import {MdSnackBar, MdSnackBarConfig} from '@angular/material';
@Component({
moduleId: module.id,
selector: 'snack-bar-demo',
templateUrl: 'snack-bar-demo.html',
})
export class SnackBarD
浏览 7提问于2016-10-21得票数 14
回答已采纳
我已经开始了一个简单的角度材料项目，并试图显示在页面加载的零食条。但它抛出了以下错误：
错误:没有为MatSnackBarContainer找到组件工厂。你把它加到@NgModule.entryComponents上了吗？
我甚至在app.module.ts中的entry组件列表中包括了app.module.ts，但它不起作用。
这是我的app.component.html:-
import { Component } from '@angular/core';
import { MatSnackBar } from '@angular/material'
浏览 0提问于2019-01-03得票数 2
回答已采纳
1回答
我已经尝试过CanActivate的角度5，但它现在正在按预期工作，我也没有收到任何错误。请帮我解决这个问题。甚至authguard也没有实例化。我只想让路由只在用户登录时发生。一旦用户登录，我将存储在session storage中，并在auth保护中检索相同的内容。
// AuthGuard
import { MatSnackBar } from '@angular/material';
import { Router } from '@angular/router';
import { Injectable } from &
浏览 4提问于2017-11-12得票数 0
回答已采纳
我使用的是angular 4和angular材质2.0.0-beta.8。我正在用快餐栏做一个动作。我查看了snackbar源代码，它看起来是这样的：
<button
class="mat-simple-snackbar-action"
*ngIf="hasAction"
(click)="action()">{{data.action}}</button>
在我的量角器测试中，我首先做一些触发快餐栏的事情。然后，我运行此代码来单击snackbar上的操作按钮：
const submit = element(b
浏览 3提问于2017-07-26得票数 1
我在登录页面上创建了两个身份验证，一个用于验证，另一个用于检查用户以前是否注册过(如果他们有一个帐户)。我的问题是，当用户之前没有注册，他们试图登录时，他们应该看到一个SnackBar，上面写着“电子邮件或密码不正确”，但是它不起作用，它显示在终端“未处理的异常:firebase_auth/ user -not--发现没有与此标识符相对应的用户记录。用户可能已经被删除了。”
枚举：
enum ViewState { Ideal, Busy }
enum AuthState { SignIn, SignUp }
AuthModel：
import 'package:firebase_au
浏览 7提问于2021-08-12得票数 0
更新
在更新到角v4之后，我得到以下错误(我没有更改代码)。
ERROR in Invalid provider for ErrorHandler in /Users/otusweb/Documents/KeynoteTweet/web/node_modules/@angular/core/core.d.ts. useClass cannot be null.
Usually it happens when:
1. There's a circular dependency (might be caused by using index.ts (barrel
浏览 7提问于2017-04-06得票数 3
回答已采纳
2回答
我想要一个简单的Snackbar弹出按钮的点击。但我总是会犯错误：
错误:没有为MdSnackBar提供程序！injectionError (core.es5.js:1169) at noProviderError (core.es5.js:1207 )
import {MdSnackBar} from '@angular/material';
constructor(public snackBar: MdSnackBar){
this.snackBar.open('hello')
}
浏览 7提问于2017-08-02得票数 7
回答已采纳
我正在尝试编写一个全局HTTP拦截器，它拦截所有HTTP响应，检查响应，并且(如果满足某些条件)，显示一个snackbar。
我似乎没办法把零食拿出来。如果我在.open()行放置一个断点，我会看到snackbar出现了很短时间，但没有任何文本，也没有中间位置。
截止器：
import { Injectable, Injector, NgZone } from '@angular/core';
import {
HttpEvent,
HttpHandler,
HttpInterceptor,
HttpRequest,
HttpRe
浏览 1提问于2018-10-19得票数 0
2回答
因此，角材料有两种主要的称为SnackBar的方法。其中一种方法是调用基本的默认SnackBar：
snackbar.open('Message archived', 'Undo', {
duration: 3000
});
另一种方法是将组件称为SnackBar：
snackbar.openFromComponent(MessageArchivedComponent, {
data: 'some data'
});
现在，我的问题是，如何调用基本的(不使用组件)，但不使用'Undo'按钮。我可以这么做：
snackBar
浏览 1提问于2018-06-06得票数 7
回答已采纳
4回答
Im使用:角V6.1.0，角材料V6.4.1
我试图捕捉HTTP错误并使用MatSnackBar显示它们。我试图在我的应用程序的每个组件(其中有一个http请求)中显示这一点。以避免重复的代码
否则，我应该在每个组件中重复相同的代码，以显示插入错误的MatSnackBar。
这是我的服务：
import { Injectable } from '@angular/core';
import { HttpErrorResponse } from '@angular/common/http';
// import { HttpClient, HttpErrorR
浏览 3提问于2018-11-04得票数 5
6回答
我想给我的应用程序添加一个基本的快捷键，但是我收到了一个错误，我不知道为什么。
我在片段中的onCreateView()方法中添加了这段代码。
Snackbar.make(view, "Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
并收到此错误：
06-01 10:26:09.955 1232-1232/? E/ActivityThread﹕ Failed to find provider info for me.muraterdogan.w
浏览 0提问于2015-06-01得票数 14
回答已采纳
我必须更改snackbar组件的背景。我用它来提醒或通知用户用户所做的一些错误或已完成的操作。 项目中的材质版本。"@angular/material"："^5.0.0-rc.1"， 文档https://material.angular.io/components/snack-bar/api中提到了一个用来更改类的api。 panelClass: string |要添加到快餐栏容器中的额外CSS类。 这是我在css文件中添加的内容。 .mycsssnackbartest {
background-color: blue;
} 这是打开快餐栏的代码 this
浏览 66提问于2017-11-30得票数 62
回答已采纳
3回答
请有人帮忙，我遇到了这个问题-在确认删除表数据后没有更新。删除可以工作，但我不想总是刷新页面。
但是，我尝试在表组件中订阅和取消订阅，将删除功能添加到表组件中，但没有成功。
删除compononent.ts
import { Component} from '@angular/core';
import { MatSnackBar } from '@angular/material/snack-bar';
import { CarService } from 'src/app/services/car.service';
@Component(
浏览 8提问于2022-07-08得票数 1
1回答
在我的一个活动中，我需要处理在网络断开时向用户显示一条消息，然后在网络重新连接时重新加载RecyclerView适配器的数据，以确保它是最新的。
在为我的用例工作之后，我想使实现变得更加抽象，以便在其他未来的活动中重用。
虽然这和预期的一样，但我对Android的开发还是比较陌生的。是否有任何更好的/推荐的方法来做到这一点，或者我的解决方案中任何可能被改进的地方？
以下是我目前的实现：
/**
* Base activity that provides methods to handle network connect and disconnect events, and to
* opt
浏览 0提问于2016-09-04得票数 3
我想翻译信息在我的angular2材料小吃栏。问题是要显示snackbar，我需要将消息作为参数传递。使用i18n：进行翻译。我不能用插值作为参数。那么我如何在snackbar中转换我的信息呢？
<button md-button (click)="openSnackBar(message, action)">Show snack-bar</button>
浏览 2提问于2017-10-02得票数 0
回答已采纳
根据我对异步管道的理解，它是一种在较少的行中订阅可观察到的对象的更快捷的方法。然而，我试图了解在什么情况下，我需要使用它在传统的订阅，如我的当前组件下面？
import { Component, OnInit } from '@angular/core';
import { HttpService } from "./services/http.service";
import { Main } from "./interfaces/data-interface";
@Component({
selector: 'app-root&
浏览 3提问于2022-02-14得票数 0
回答已采纳
我在多个组件中使用snackbar，所以我决定在主模块中设置持续时间，我想将位置添加为顶部
这是我的app.module.ts
import { MatSnackBar, MatSnackBarVerticalPosition, MAT_SNACK_BAR_DEFAULT_OPTIONS } from '@angular/material/snack-bar';
.
.
@NgModule({
declarations: [],
imports: [],
providers: [
{provide: MAT_SNACK_BAR_DEFAULT_OPTION
浏览 2提问于2021-07-06得票数 0
2回答
我试图在我的SnackBar中添加底部、左边和右边的空白，但我无法得到它。
我就是这么做的：
var snackBar = Snackbar.make(binding.root,msg,Snackbar.LENGHT_LONG)
var snackbarLayout = snackBar.view. as Snackbar.SnackbarLayout
var layoutParams = snackbarLayout.layoutParams as CoordinatorLayout.LayoutParams
layoutParams.setMargins(32,0,32,32)
snack
浏览 8提问于2022-07-04得票数 -2
6回答
我对angular 2/4和角形打字本很陌生。我想要风格的角度材料设计，，小吃栏，，例如，改变背景颜色从黑色和字体颜色到其他东西。
我该如何设计“零食吧”的造型呢？
我在服务/核心中有材料设计快捷键，为了使它可用，我根据需要在每个组件中调用它。
如何在2/4的角度设计2角材质的设计？我在下面包含了代码片段：
服务/核心
import { Injectable, Inject } from '@angular/core';
import { Observable } from 'rxjs/Observable'
import { DOCUMENT } from&#
浏览 4提问于2017-08-01得票数 31
回答已采纳
1回答
角网吧服务茉莉花测试
、、、、
我想用茉莉花来测试一种零食吧服务。更具体地说，我正在测试以下两种情况：
，该服务被创建为，其中的方法称为。
snackbar.service
import { Injectable, NgZone } from '@angular/core';
import { MatSnackBar } from '@angular/material';
@Injectable({
providedIn: 'root'
})
export class SnackbarService {
constructor(
public snackBa
浏览 8提问于2020-03-19得票数 0
回答已采纳
1回答
我有一个非常简单的服务：
import { Injectable } from '@angular/core';
import { MdSnackBar, MdSnackBarConfig } from '@angular/material';
@Injectable()
export class AlertsService {
alerts: string[];
constructor(private snackBar: MdSnackBar) {
this.alerts = [];
}
public add(alert: str
浏览 5提问于2017-09-16得票数 3
回答已采纳
我正在尝试解析通过读卡器传递的卡数据，但是，我得到了一个关于regex的错误。我理解这意味着this.match是null，但我不确定为什么它是null。有什么建议吗？(使用Angular 9)
CardData: string;
CardPattern = new RegExp("^\%B(\d+)\^(\w+)\/(\w+)\^\d+\?;\d+=(\d\d)(\d\d)\d+$");
CardNumber: string;
FirstName: string;
LastName: string;
ExpData: strin
浏览 0提问于2020-02-24得票数 0
我目前正在开发一个使用Angular 2 with Material的WebApp。问题是，自从我更新了我的软件包后，SnackBar就不再工作了。
下面是我的代码：
import { MdSnackBar } from '@angular/material';
export class HomeMembershipComponent implements OnInit {
constructor(public snackBar: MdSnackBar) {
this.snackBar.open('Félicitation votre comp
浏览 0提问于2017-02-18得票数 2
回答已采纳
1回答
我正在尝试将集成到我的angular2应用程序中。
我已经成功地从同一个库成功地集成了ProgressBar，但是在SnackBar中遇到了错误。
下面是我如何集成SnackBar的方法
(相关) app.module.ts
imports: [
BrowserModule,
HttpModule,
FormsModule,
CoreModule,
UsersModule,
AppRoutingModule,
MaterialModule.forRoot(),
],
(相关) app.component.ts:
constructor
浏览 0提问于2016-12-26得票数 0
回答已采纳
1回答
我的NotificationService包含在我的GlobalService中，但是当我调用任何NotificactionService函数时，它会说:无法读取未定义的属性(读取‘警告’)。我做错什么了？我认为这与范围问题有关。
这是我的NotificationService代码
import { Injectable } from '@angular/core';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
@Injectable({
pro
浏览 4提问于2021-12-05得票数 0
我正在尝试为我的组件编写我的第一个单元测试，并看到以下问题： TypeError: Cannot read property 'endsWith' of undefined. 如何在测试中声明data.iconPath以消除错误？ 这是我的组件： import {Component, Inject, ViewEncapsulation} from '@angular/core';
import {MAT_SNACK_BAR_DATA, MatIconRegistry, MatSnackBar, MatSnackBarRef} from "@angul
浏览 119提问于2020-12-31得票数 0
我正在尝试使用来自自定义类的资料快捷键来创建祝酒词。
我在我的自定义类中得到一个错误(无法从未定义的对象中找到打开)。)但在user.service.ts工作得很好
如果使用ngZone，则会收到一个错误(无法从未定义的位置找到运行)。
注:在ErrorHandler类中
console.log(this.snackBar) // gives undefined
app.module.ts
providers: [ErrorHandler],
bootstrap: [AppComponent]
})
export class AppModule { }
用户服务
import { I
浏览 0提问于2019-03-08得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
