HTML5通知用法

我有一個角度實時消息應用程序，我想使用HTML5通知。我想我的控制器內的以下內容：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' 
    }); 
}

的通知不顯示。我在這裏做錯了什麼？

來源

2015-12-15 Mohamed Osama

你[授予權限]（https://developer.mozilla.org/en-US/docs/Web/API/notification）？ –

您可能不會顯示通知。您可以請求權限：

$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/en-US/docs/Web/API/notification

來源

2015-12-15 17:04:35 jusopi

我知道許可的事情，但他們並沒有被批准，因爲我正在開發兩個運行在'localhost：9000'上的應用程序，並且我否認了其中一個忽略了另一個應用程序。另外，您不必檢查權限是否爲「授予」或不是，您可以初始化通知，如果不授予，則不會顯示。不過謝謝。 –

回答

相關問題