python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
Angular Service Worker Life Cycle

Install a Service Worker in Angular

How to Install a Service Worker?
After a controlled page kicks off the registration process, let's shift to the point of view of the service worker script, which handles the install event.

The following example looks like this.
self.addEventListener('install', function(event) {
  // To perform install steps
});

Inside of our install callback, we need to take the following steps -
1.      Open a cache
2.      Cache our files
3.      Confirm whether all the required assets are cached or not

The following example looks like this.
var CACHE_NAME = 'my-site-cache-v1.0';
var urlsToCache = ['/','/styles/site.css','/script/site.js'];

self.addEventListener('install', function(event) {
  // Perform install steps
  event.waitUntil(
    caches.open(CACHE_NAME)
      .then(function(cache) {
        console.log('Opened cache');
        return cache.addAll(urlsToCache);
      })
  );
});

Got a minute? Check out this, Angular 6 Questions | A Complete Guide Book
ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions