nomadts

import { isPlatformBrowser } from '@angular/common';
import { PLATFORM_ID } from '@angular/core';

// ...

constructor(@Inject(PLATFORM_ID) private platformId: object) {}

if (isPlatformBrowser(this.platformId)) {
  // Browser-specific code
}

nomadts

import { Component } from '@angular/core';
import { NotificationService } from './path-to-notification.service';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
})
export class YourComponent {
  constructor(private notificationService: NotificationService) {}
  someMethod() {

nomadts

// notification.service.ts

import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class NotificationService {
  constructor() { }
  public notify(title: string, options?: NotificationOptions): void {
    if (!('Notification' in window)) {

nomadts

Notification.requestPermission().then(permission => {
  if (permission === 'granted') {
    console.log('Notification permission granted.');
  } else {
    console.log('Unable to get permission to notify.');
  }
});

nomadts

new Notification('Your title here', { body: 'Your message here' });

nomadts

if (!('Notification' in window)) {
  console.log('This browser does not support desktop notification');
}

nomadts

Notification.requestPermission().then(function(permission) {
    if (permission === 'granted') {
        new Notification('Hello! This is a notification.');
    }
});

nomadts

import { Component, OnInit } from '@angular/core';
import { GeolocationService } from './geolocation.service';

@Component({
  selector: 'app-location',
  template: `
    <div>
      <p>Latitude: {{ latitude }}</p>
      <p>Longitude: {{ longitude }}</p>
    </div>

nomadts

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class GeolocationService {
  constructor() { }
  getCurrentPosition(): Observable<GeolocationPosition> {
    return new Observable((observer) => {

nomadts

/** Geolocation API **/
navigator.geolocation;