浏览器弹出警报的最佳方法是什么？

Question

即使浏览器位于另一个窗口后面，这些小通知面板也会显示几秒钟。 Slack做到了。

那里有没有第三方指令或jquery库？

Answer 1

您正在寻找的内容称为Toast通知。搜索＆＃34;吐司＆＃34;在JQuery Plugin Registry。

Answer 2

查看Toastr库 example with Angular2

<强> app.component.ts

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app', 
    template: `
      <button (click)="displayToastr()">Display Toastr</button>
    `
})
export class AppComponent {
  displayToastr() {
    toastr.info('I am here for few seconds');
  }
}

这是我使用Toastr with Angular1 ( had made it for angular1 with directives)

的方式

Answer 3

尝试Alertify http://fabien-d.github.io/alertify.js/

这很容易使用，看起来很不错

Answer 4

这个小通知面板被称为toasts.You已在angular2下标记了问题，因此建议您使用以下两个包：
   https://www.npmjs.com/package/ng2-toastr
   https://www.npmjs.com/package/angular2-toaster