Angular 6错误处理不显示toasts
创始人
2024-10-16 07:00:26
0

要解决Angular 6错误处理不显示toasts的问题,你可以使用Angular中的Toastr库来显示错误消息。下面是一个示例解决方法:

首先,安装toastr库:

npm install toastr --save

然后,在你的Angular项目中的angular.json文件中添加toastr的CSS和JS文件:

"styles": [
  "node_modules/toastr/build/toastr.css",
  "src/styles.css"
],
"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/toastr/build/toastr.min.js"
]

接下来,在你的Angular组件中引入toastr库:

import { Component } from '@angular/core';
import { ToastrService } from 'ngx-toastr';

@Component({
  selector: 'app-example',
  template: ''
})
export class ExampleComponent {
  constructor(private toastr: ToastrService) {}

  showError() {
    this.toastr.error('An error occurred', 'Error');
  }
}

最后,在你的组件模板中添加一个用于显示toastr的元素:


现在,当你调用showError()方法时,它将显示一个错误消息的toastr。

请注意,上述示例使用了ngx-toastr库,该库是对toastr库的一个Angular封装。你可以根据自己的需要选择其他库或进行自定义修改。

相关内容

热门资讯

智星德州插件最新版本更新内容详... 智星德州插件最新版本更新内容详解!wepokerplus透视(透视)方法-一直详情真的是有挂1、每一...
透视普及!德扑圈透视挂(透视)... 透视普及!德扑圈透视挂(透视)智星菠萝可以辅助吗,教程诀窍(果真有挂)-哔哩哔哩1、智星菠萝可以辅助...
wpk透视是真的吗!hhpok... wpk透视是真的吗!hhpoker可以开挂吗(透视)方法-本来解迷真的有挂wpk透视是真的吗!hhp...
透视曝光!we poker免费... 透视曝光!we poker免费辅助器(透视)德普之星透视辅助软件下载,教程指引(有挂细节)-哔哩哔哩...
wepoker安装教程!拱趴大... wepoker安装教程!拱趴大菠萝十三水透视(透视)器-好像有挂真的是有挂所有人都在同一条线上,像星...
透视教你!wepoker辅助插... 透视教你!wepoker辅助插件功能(透视)wpk有辅助器吗,教程诀窍(确实有挂)-哔哩哔哩1、we...
红龙poker辅助器免费观看!... 红龙poker辅助器免费观看!wepoker科技辅助器(透视)插件-果然解密真的有挂1)红龙poke...
透视解谜!wepoker有没有... 透视解谜!wepoker有没有插件(透视)poker master辅助,教程绝活(了解有挂)-哔哩哔...
wepoker俱乐部辅助!hh... wepoker俱乐部辅助!hhpoker可以开挂吗(透视)脚本-一直解密是有挂1、实时hhpoker...
透视分享!wpk辅助购买(透视... 透视分享!wpk辅助购买(透视)wepoker免费透视脚本,教程步骤(有挂助手)-哔哩哔哩1、wep...