使用Angular2在Jhipster(v4)中进行Toast通知

时间:2017-05-29 22:36:45

标签: angular jhipster

我在jhipster应用程序上配置我的通知(v4,版本为ng-jhipster:0.1.8)。

正常的内置通知工作正常,但我想要吐司通知。有很多不同的软件包,比如angular2-notifications,但是在探索Jhipster代码时,我发现alertService构造函数允许我们将Toast设置为true或false。

但是我的通知现在还没有显示,我找不到解释此功能的文档。你知道更多吗?有没有人这样做过?

感谢您的时间! :)

更新: 我在 shared-common.module.ts

中找到了这个
 export function alertServiceProvider(sanitizer: Sanitizer, translateService: TranslateService) {
        // set below to true to make alerts look like toast
        let isToast = true;
        return new AlertService(sanitizer, isToast, translateService);
    }

它看起来不像是一个正确的吐司,所以我会继续寻找并让你们知道!

1 个答案:

答案 0 :(得分:2)

我解决了这个问题,将“isToast”设置为true并更改了警报的CSS。

这里是代码:

.alert {
    position: fixed;
    right: 20px !important ;
    top: 20px !important ;    
}