How can I get the wrapped input from an ion-input in Ionic2?
<p>I'd like to attach an <code>google.maps.places.Autocomplete</code> to an <code>ion-input</code>, but in <strong>Ionic2</strong> <code>ion-input</code> wraps the <code>&lt;input&gt;</code> element and I can't figure out how to get access to it.</p>

<p>I've tried creating a directive and using the passed in <code>ElementRef</code></p>

<pre><code>import {Directive, ElementRef, Input} from 'angular2/core';

@Directive({
    selector: '[location-picker]'
})

export class LocationPicker {
    constructor(el: ElementRef) {    
        console.log(el.nativeElement);    
    }
}
</code></pre>

<p>but <code>nativeElement</code> returns the wrapped input.</p>

<pre><code>&lt;ion-input location-picker=""&gt;
    &lt;input class="text-input ng-valid ng-dirty ng-touched" type="text" placeholder="" aria-labelledby="lbl-6" location-picker="" autocomplete="off" autocorrect="off"&gt;
    &lt;!--template bindings={}--&gt;
    &lt;!--template bindings={}--&gt;
    &lt;!--template bindings={}--&gt;
&lt;/ion-input&gt;
</code></pre>

<p>I've also tried creating a custom component similar to <a href="http://blog.appweplay.com/2016/02/google-autocomplete-with-ionic2.html" rel="nofollow">this</a> and switching <code>Searchbar</code> to <code>TextInput</code>, but <code>TextInput doesn't have</code>.inputElement`.</p>

<p>Any ideas would be welcome.</p>

<p>Thanks!</p>