代码之家 › 专栏 › 技术社区 › Dory

如何增加烤面包机的角度?

angular7 typescript angular

0

Dory · 技术社区 · 5 年前

知道如何在发生错误时添加烤面包机通知而不是使用警报。很多教程只是在点击一个按钮的时候做一个教程,但是我想要一些自动化。下面是我的代码

saveStudentDetails(values) {
  const studentData = {};

  studentData['id'] =  values.id;
  studentData['password'] =  values.password;
  this.crudService.loginstudent(studentData).subscribe(result => {
    this.student = result;
    this.router.navigate(['/address']);
  },
    err => {
      console.log('status code ->' + err.status);
      alert('Please try again');
 });

}

你知道我如何根据这段代码发出错误通知吗?谢谢你

0 回复 | 直到 5 年前

1

3

Shabbir Dhangot 5 年前

供烤面包机使用 ngx-toastr 图书馆

步骤:

1) npm install ngx-toastr --save

2)遵循其他设置 here

快速代码:

import { ToastrService } from 'ngx-toastr';

constructor(private toastr: ToastrService) {}

saveStudentDetails(values) {
  const studentData = {};

  studentData['id'] =  values.id;
  studentData['password'] =  values.password;
  this.crudService.loginstudent(studentData).subscribe(result => {
    this.student = result;
    this.router.navigate(['/address']);
  },
    err => {
      console.log('status code ->' + err.status);
      this.toastr.error('Hello world!', 'Toastr fun!');
 });

2

0

Johan Rin 5 年前

您可以使用任何第三方烤面包机包,如 ngx-toastr 显示错误的烤面包机通知。

例如,使用ngx toastr:

constructor(
  ...
  private toastr: ToastrService
) {}

this.crudService.loginstudent(studentData).subscribe(
  result => {
    this.student = result;
    this.router.navigate(['/address']);

    this. toastr.success('Logged in');
  },
  err => {
    console.log('status code ->' + err.status);

    this. toastr.error('Please try again');
  }
);

3

0

Rakesh 5 年前

你可以用toastr。更多信息请访问 https://www.npmjs.com/package/toastr . 演示在 https://codeseven.github.io/toastr/demo.html