ionic-framework – 如何从Ionic2中的离子输入中获取包裹的输入？

我想将google.maps.places.Autocomplete附加到离子输入,但在Ionic2离子输入中包含< input>元素,我无法弄清楚如何访问它.

我已经尝试创建一个指令并使用传入的ElementRef

import {Directive,ElementRef,Input} from 'angular2/core';

@Directive({
    SELEctor: '[LOCATIOn-picker]'
})

export class LOCATIOnPicker {
    constructor(el: ElementRef) {    
        console.log(el.nativeElement);    
    }
}

但nativeElement返回包装的输入.

<ion-input LOCATIOn-picker="">
    <input class="text-input ng-valid ng-dirty ng-touched" type="text" placeholder="" aria-labelledby="lbl-6" LOCATIOn-picker="" autocomplete="off" autocorrect="off">
    <!--template bindings={}-->
    <!--template bindings={}-->
    <!--template bindings={}-->
</ion-input>

我也尝试创建类似于this的自定义组件并将Searchbar切换到TexTinput,但TexTinput没有.inputElement`.

任何想法都会受到欢迎.

谢谢！

<ion-input LOCATIOn-picker="">
    <input #myInput class="text-input ng-valid ng-dirty ng-touched" type="text" placeholder="" aria-labelledby="lbl-6" LOCATIOn-picker="" autocomplete="off" autocorrect="off">
    <!--template bindings={}-->
    <!--template bindings={}-->
    <!--template bindings={}-->
</ion-input>

@ViewChild('myInput') input; 

ngAfterViewInit() {
  console.log(this.input.nativeElement.value);
}