question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

onChange event not emitting while using matGoogleMapsAutocomplete directive

See original GitHub issue

Bug Report or Feature Request (mark with an x)

- [x] bug report -> please search issues before submitting
- [ ] feature request

OS and Version?

Linux Debian (Ubuntu 16.04)

Versions

Angular CLI: 10.0.4
Node: 12.18.1
OS: linux x64

Angular: 10.0.5
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.901.12
@angular-devkit/build-angular      0.1002.0
@angular-devkit/build-optimizer    0.1002.0
@angular-devkit/build-webpack      0.1002.0
@angular-devkit/core               9.1.12
@angular-devkit/schematics         9.1.12
@angular/cdk                       10.1.0
@angular/cli                       10.0.4
@angular/flex-layout               10.0.0-beta.32
@angular/material                  10.1.0
@angular/material-moment-adapter   10.2.5
@ngtools/webpack                   10.2.0
@schematics/angular                9.1.12
@schematics/update                 0.901.12
rxjs                               6.5.5
typescript                         3.9.7
webpack                            4.44.1

Repro steps

component.html

<mat-form-field class="half-input">
      <input matInput matGoogleMapsAutocomplete (onChange)="onAutocompleteChanged($event)"
            (onAutocompleteSelected)="onAutocompleteSelected($event)" formControlName="address"  />
</mat-form-field>

component.ts

onAutocompleteChanged(event) {
    console.log("onAutocompleteChanged", event);
}

onAutocompleteSelected(event) {
    console.log("onAutocompleteSelected", event);
}

Desired functionality

I have been using angular-material-extensions/google-maps-autocomplete@5.0.0, I have to show required validation message if user cleared input box, & onAutocompleteSelected firing during address selection but onChange is not firing if user enter the address manually or select from autocomplete or remove address from input, would you please help me with that? why onChange event is not emitting?

Mention any other details that might be useful

You can see that onChange Defined in projects/angular-material-extensions/google-maps-autocomplete/src/lib/directives/mat-google-maps-autocomplete.directive.ts:39 but never emitted this event

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
jrlumbangcommented, Jan 20, 2021

Hi, having the same issue. Hoping for a fix soon.

0reactions
AnthonyNahascommented, Jan 20, 2021

I wpuld appreciate a PR

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular material auto complete change event not called when ...
I was set the value to the auto-complete component on ngOnInint method that time i want to call one method based on the...
Read more >
google-maps-autocomplete documentation
mat-google-maps-autocomplete.component.scss ... onChange. Type : EventEmitter<PlaceResult | string | null>. Defined in ... onQuery(event: any). Defined in ...
Read more >
angular-material-extensions - Bountysource
I'm using the directive matGoogleMapsAutocomplete. When the API key is ... onChange event not emitting while using matGoogleMapsAutocomplete directive $ 0.
Read more >
angular-material-extensions/Lobby - Gitter
So, I'm working with MatGoogleMapsAutocomplete. I'm using a directive approach on my angular project. I can see at the documentation, that there is...
Read more >
@angular-material-extensions/google-maps-autocompl | npm.io
View all the directives and components in action at ... combine the result of the mat-google-maps-autocomplete with a google map instance via @agm...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found