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' 
       }) 
      } 
     }) 
}) 

ЦСИ - https://developer.mozilla.org/en-US/docs/Web/API/notification