title: google maps places autocomplete addEventListener doesn't work
body: <p>I have been trying to add google maps places auto complete in ionic 2 project to update the user location.However, the addEventListener doesn't seems to work and there is no console errors could anyone tell me where I am going wrong?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> ngAfterViewInit() {
     let input = &lt; HTMLInputElement &gt; document.getElementById("auto");
     console.log('input', input);
     let options = {
       componentRestrictions: {
         country: 'IN',
         types: ['(regions)']
       }
     }
     let autoComplete = new google.maps.places.Autocomplete(input, options);
     console.log('auto', autoComplete);
     google.maps.event.addListener(autoComplete, 'place_changed', function() {
       this.location.loc = autoComplete.getPlace();
       console.log('place_changed', this.location.loc);
     });
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-label stacked&gt;Search Location&lt;/ion-label&gt;
  &lt;input type="text" id="auto" placeholder="Enter Search Location" [(ngModel)]="location.loc" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>index.html</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxx&amp;libraries=places"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>