要使用Angular2-toaster自定义类,可以按照以下步骤进行操作:
npm install angular2-toaster
app.module.ts
文件中导入ToasterModule
:import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ToasterModule } from 'angular2-toaster';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule,
ToasterModule.forRoot()
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
Toast
类,并添加自定义的属性和方法。例如,创建一个名为CustomToast
的类:import { Toast } from 'angular2-toaster';
export class CustomToast extends Toast {
// 添加自定义属性
public customProperty: string;
// 添加自定义方法
public customMethod(): void {
console.log('This is a custom method');
}
}
CustomToast
类。在需要显示Toast的地方,创建一个新的CustomToast
对象,并设置自定义属性和方法:import { Component } from '@angular/core';
import { ToasterService } from 'angular2-toaster';
import { CustomToast } from './custom-toast';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
constructor(private toasterService: ToasterService) {}
public showToast(): void {
const toast: CustomToast = new CustomToast();
toast.customProperty = 'This is a custom property';
toast.customMethod();
this.toasterService.pop(toast);
}
}
这样就可以在Angular2中使用自定义的Toast类了。当点击"Show Toast"按钮时,会创建一个CustomToast
对象并显示出来。