带有 Angular2 的 Jhipster (v4) 中的 Toast 通知答案

【问题标题】：Toast notifications in Jhipster (v4) with Angular2带有 Angular2 的 Jhipster (v4) 中的 Toast 通知
【发布时间】：2017-08-29 02:25:40
【问题描述】：

我在 jhipster 应用程序（v4，ng-jhipster 版本：0.1.8）上配置我的通知。

正常的内置通知可以正常工作，但我想要 toast 通知。有很多不同的包，比如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);
    }

它看起来还不是一个合适的吐司，所以我会继续寻找并随时通知你们！

【问题讨论】：

标签： angular jhipster

【解决方案1】：

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

代码如下：

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

【讨论】：