Angular 推进器试验不适用-角度2

我目前正在学习使用第三方应用程序Pusher发送实时通知的教程。我能够发送事件并接收客户端的通知，但我的问题是，我希望在通知发送后在通知选项卡中跟踪该通知。一旦它弹出，它必须在通知中保持跟踪。 正如它出现在图像中一样，事件正在被触发，但它也必须出现在通知选项卡中。是否可以从推送器仪表板获取发送的事件

不适配选项卡

<ul class="nav navbar-nav navbar-right navbar-user">
        <li class="dropdown messages-dropdown">
          <a href="#" class="dropdown-toggle"  data-toggle="dropdown"><i class="fa fa-envelope"></i>  Notifications <b class="caret"></b>
            <span class="label label-danger">10</span>
          </a>
          <ul class="dropdown-menu">
            <li class="dropdown-header"></li>
            <li class="message-preview">
              <a href="#">
                <span class="avatar"><i class="fa fa-bell"></i></span>
                <span class="message">Message from facebook</span>
              </a>
            </li>
            <li class="divider"></li>
            <li class="message-preview">
              <a href="#">
                <span class="avatar"><i class="fa fa-bell"></i></span>
                <span class="message">Message from twitter</span>
              </a>
            </li>
            <li class="divider"></li>
            <li><a href="#">See all  Messages</a></li>
          </ul>

我会解决您的问题并（重新）构建您的应用程序：

构建一个通知服务，您可以在其中添加（读取、删除..）通知。这是唯一一个可以使用pusher创建通知的类。通知服务跟踪（计数）通知。您还可以/应该使用RxJS使您的服务可订阅

“通知”选项卡订阅通知服务，因此，如果有更改（如添加通知或删除通知），将通知您

这种方法的好处是：

• 您有一个通知服务，可以轻松地将其注入到组件中，使其能够创建新的通知
• 您只需实现pusher的使用一次，就可以轻松地替换或扩展通知的可视化
• 无论您在何处创建通知，您的通知计数和选项卡都将是最新的

---

这种方法意味着要做更多的工作，但在你的应用程序增长时会有所回报。

angular 2中有推送通知和toast通知。我熟悉toast通知，这是一个好的与pusher一起工作的通知服务吗？Push通知和toast通知不是独占的；）。在一天结束时，你必须决定哪一个能满足你的要求。通知的可视表示形式只是您的选择，并不取决于推送器api的使用。