title: error: property 'contacts' and 'mozContacts' does not exist on 'Navigator' in Angular8 project
body: <p>I want to open users contacts page from my Angular app. I saw an example in <a href="https://whatwebcando.today/contacts.html" rel="nofollow noreferrer">whatwebcando.today</a>
  and I tried to run it on my project with openContacts() method that should run when user clicks on a button:</p>
  <p>here's the test project in <a href="https://stackblitz.com/github/noonhe/angular-contacts?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">stackblitz</a></p>
  <pre><code>  openContacts(){
      this.supported = ('contacts' in (navigator as any) &amp;&amp; 'ContactsManager' in window);
      var api = (navigator.contacts || navigator.mozContacts);
      if (api &amp;&amp; !!api.select) { // new Chrome API
        api.select(['name', 'email'], {multiple: true})
       .then(function (contacts) {
         console.log('Found ' + contacts.length + ' contacts.');
         if (contacts.length) {
           console.log('First contact: ' + contacts[0].name + ' (' + contacts[0].email + ')');
         }
        })
      .catch(function (err) {
        console.log('Fetching contacts failed: ' + err.name);
      });
    
     } else if (api &amp;&amp; !!api.find) { // old Firefox OS API
       var criteria = {
       sortBy: 'familyName',
       sortOrder: 'ascending'
      };
      api.find(criteria)
     .then(function (contacts) {
      console.log('Found ' + contacts.length + ' contacts.');
      if (contacts.length) {
        console.log('First contact: ' + contacts[0].givenName[0] + ' ' + 
       contacts[0].familyName[0]);
      }
    })
    .catch(function (err) {
      console.log('Fetching contacts failed: ' + err.name);
    });
    
  } else {
  console.log('Contacts API not supported.');
  }}
  </code></pre>
  <p>but it doesn't work and there's two error :
  <a href="https://i.stack.imgur.com/JEELi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JEELi.png" alt="Navigator Contact Error" /></a></p>
  <p>when I test the original example in my phone it works fine, but when I test my own project in my phone it doesn't work.
  is there any way to solve this issue?</p>
  <p>thanks is advance.</p>