时间戳

首页 > 解决方案 > 如何在 ng4-geoautocomplete 中实现 closeAutocomplete 方法

angular - 如何在 ng4-geoautocomplete 中实现 closeAutocomplete 方法

问题描述

我在我的自定义组件中使用 ng4-autocomplete 组件，我想在自动完成下拉菜单关闭时检测到更改。你能告诉我你是如何实现“closeAutocomplete”方法的吗？

这是我的 location.component.html

<ng4geo-autocomplete (click)="showAutocomplete()"
                     [userSettings]="location"
                     (componentCallback)="componentCallback123($event)" placeholder=""
                     (closeAutocomplete)="closeAutocomplete($event)"
>
</ng4geo-autocomplete>

以下是 location.component.ts 文件。

import {Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges} from '@angular/core';

@Component({
    selector: 'mitra-location',
    templateUrl: './location.component.html',
    styleUrls: ['./location.component.scss']
})
export class LocationComponent implements OnInit {
    @Input('location') location = '';

    @Output('callback') callback = new EventEmitter<any>();

    locationElem;

    ngOnInit() {
        this.locationElem = document.getElementById('geo-location');
    }

    closeAutocomplete(event) {
        // Here i want to get this event
    }
}

这是此组件的文档链接。

谢谢！

标签： angulartypescriptgoogle-geolocationgoogle-location-services

解决方案

正如您在文档中看到的，组件上没有定义closeAutocomplete() 输出ng4geo-autocomplete。

定义的唯一输出是componentCallback您正确调用的输出。您不能closeAutocomplete在组件上这样调用，因为它不是组件的输出属性。

推荐阅读