HTML5通知用法

Question

我有一个角度实时消息传递应用程序，我想使用HTML5通知。 我在控制器中尝试了以下操作：

$rootScope.$on("message_recieved", function(event, data) {
  new Notification(data.sender_name, {
    body: data.body, icon: data.avatar, dir:'auto'
  });
}

和

$rootScope.$on("server_offline", function(event, data) {
  new Notification("Offline", {
    body: "You are offline. Refresh your page now.", dir:'auto'
  });
}

通知未显示。 我在这里做错什么吗？

Answer 1

您可能无法显示通知。 您可以请求权限：

$rootScope.$on( 'message_received', function(event, data){
     Notification.requestPermission(function (permission){
          if (permission === "granted"){
               new Notification(data.sender_name, {
                    body: data.body, icon: data.avatar, dir:'auto'
               })
          }
      })
 })

src- https://developer.mozilla.org/zh-CN/docs/Web/API/notification