我们在我们的项目中使用angular2-toaster，我遇到了无法将自定义类添加到烤面包机实例的问题。
我的烤面包机配置看起来是另一种方式，我想通过customClass内部烤面包机的自定义类传递数组。
showToaster(msg: string, customClass: string | string[]) {
const toast: Toast = {
type: customClass[0],
body: msg
};
this.toasterService.pop(toast);
}
您可以使用ToasterConfig然后将其绑定到您的toaster-container.
@Component({
selector: 'my-app',
template: `
<div>
<toaster-container [toasterconfig]="config"></toaster-container>
<button (click)="popToast()">pop toast</button><br/>
</div>
`,
})
export class App {
public config : ToasterConfig = new ToasterConfig({
typeClasses: {
class1: 'custom-class-1',
class2: 'custom-class-2',
class3: 'custom-class-3'
/* goes on */
}
});
/*
other stuff of component
*/
}
然后您可以在发布时使用它：
showToaster(msg: string, customClass: string | string[]) {
const toast: Toast = {
type: customClass[0], // class1 or class2 or class3 or etc
body: msg
};
this.toasterService.pop(toast);
}
参考：
https://github.com/Stabzs/Angular2-Toaster/issues/110
https://github.com/Stabzs/Angular2-Toaster/blob/master/src/toaster-config.ts