如何在Angular中添加烤面包机？

作者: 無口君
发布时间: 2024-12-26 02:20:16 (1月前)
转自：

4 条回复

0#
回复此人
Autistic | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以使用toastr。更多信息可以在 <a href="https://www.npmjs.com/package/toastr" rel="nofollow noreferrer"> https://www.npmjs.com/package/toastr </A> 。演示是在 <a href="https://codeseven.github.io/toastr/demo.html" rel="nofollow noreferrer"> https://codeseven.github.io/toastr/demo.html </A> </p> </DIV>

编辑
1#
回复此人
biu~ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 用于展示烤面包机 <a href="https://www.npmjs.com/package/ngx-toastr" rel="nofollow noreferrer"> NGX-toastr </A> 图书馆 </p> <P> 脚步： </p> <P> 1） <code> npm install ngx-toastr --save </code> </p> <P> 2）遵循其他设置 <a href="https://www.npmjs.com/package/ngx-toastr#setup" rel="nofollow noreferrer"> 这里 </A> </p> <P> 快速代码： </p> <pre> <code> 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!'); }); </code> </pre> </DIV>

编辑
2#
回复此人
谦成 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以使用任何第三方烤面包机 <a href="https://github.com/scttcper/ngx-toastr" rel="nofollow noreferrer"> NGX-toastr </A> 显示错误烤面包机通知。 </p> <P> 例如，使用ngx-toastr： </p> <pre> <code> 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'); } ); </code> </pre> </DIV>

编辑

登录后才能参与评论