Angularjs 执行浏览器弹出提醒的最佳方式是什么？

即使浏览器在另一个窗口后面，也会出现几秒钟的小通知面板。斯莱克做到了

---

是否有任何第三方指令或jquery库？

您正在寻找的是toast通知。在中搜索“toast”，您要查找的内容称为toast通知。在上搜索“toast”。

试试Alertify

这很容易使用，看起来很漂亮

试试Alertify

---

这很容易使用，看起来很漂亮

这个小通知面板被称为祝酒词。您已将问题标记在angular2下，因此建议您使用以下两个软件包：

---

这个小通知面板被称为祝酒。您已将问题标记在angular2下，因此建议您使用以下两个软件包：

---

查看

Toastr

库

应用程序组件.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');
  }
}

从'angular2/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：`
显示Toastr
`
})
导出类AppComponent{
displayToastr（）{
toastr.info（'我在这里几秒钟'）；
}
}

---

这就是我如何使用Toastr的

应用程序组件.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');
  }
}

从'angular2/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：`
显示Toastr
`
})
导出类AppComponent{
displayToastr（）{
toastr.info（'我在这里几秒钟'）；
}
}

这就是我如何使用Toastr的
方法
第一个不起作用了，你有相同的工作演示吗？抛出错误
系统未定义
@PardeepJain用micronyksfirst的示例检查下面的答案一个不工作你有任何相同的工作演示吗？抛出错误
系统未定义
@PardeepJain使用micronyksgreat work+1的示例检查以下答案，为此，我们只需添加
src/toastr.d.ts
文件？还是别的什么？很抱歉迟了回复。你查过index.html了吗？只需添加
toastr.js
及其css即可。它不需要打字。当我写这段代码时，
toastr.info（'xyz'）
在my.ts文件中，它显示带有红色下划线的警告消息
找不到名称toaster。任何
如何删除此项？我可以通过声明
declare-var-toastr:anysrc/toastr.d.ts
文件即可？还是别的什么？很抱歉迟了回复。你查过index.html了吗？只需添加
toastr.js
及其css即可。它不需要打字。当我写这段代码时，
toastr.info（'xyz'）
在my.ts文件中，它显示带有红色下划线的警告消息
找不到名称toaster。任何
如何删除此项？我可以通过声明
declare-var-toastr:any