onChange event not emitting while using matGoogleMapsAutocomplete directive
See original GitHub issueBug 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:
- Created 3 years ago
- Comments:7 (2 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi, having the same issue. Hoping for a fix soon.
I wpuld appreciate a PR