node_modulesngx-toastrtoastrtoast-noanimation.component.d.ts(19,9)

使用ngx-toastr库可以在Angular应用中实现漂亮的通知消息提示。其中，toast-noanimation.component.d.ts文件是该库中的一个组件，用于定义不带动画效果的弹出提示框。本文将介绍如何使用这个组件，并提供一个案例代码。

npm install ngx-toastr

typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ToastrModule } from 'ngx-toastr';
import { AppComponent } from './app.component';
@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    ToastrModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

typescript
import { Component } from '@angular/core';
import { ToastrService } from 'ngx-toastr';
@Component({
  selector: 'app-example',
  template: `
    Show Success
  `
})
export class ExampleComponent {
  constructor(private toastr: ToastrService) {}
  showSuccess() {
    this.toastr.success('This is a success message', 'Success');
  }
}

typescript
import { Component } from '@angular/core';
@Component({
  selector: 'toast-noanimation',
  template: `
    
      
Title
      
Message
    
  `,
  styleUrls: ['./toast-noanimation.component.css']
})
export class ToastNoAnimationComponent {}