Question

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

nofitication标签

<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>

Answer 1

我会改变您的问题并（重新）构建您的应用：

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

您的通知标签会订阅您的通知服务，因此会通知您是否有更改，例如添加的通知或删除通知。

这种方法的好处是：

您有一个通知服务，可以轻松注入到组件中，使他们能够创建新通知
您只需实施一次推送器的使用，您就可以轻松替换或扩展通知的可视化
无论您何时创建通知，您的通知计数和标签都将是最新的。

这种方法意味着相当多的工作，但会在你的应用增长时支付。

Pusher Test Nofitifcations - Angular 2

1 个答案: