Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
    Shalu Pundir
    ERROR in The target entry-point "@angular-material-extensions/google-maps-autocomplete" has missing dependencies:
    • @angular/flex-layout
    Shalu Pundir

    Even When I am trying to clone demo app Its seems not working for me
    Can you guys please help me out here

    import {Appearance} from '@angular-material-extensions/google-maps-autocomplete';

    9 import {MatGoogleMapsAutocompleteModule} from '@angular-material-extensions/google-maps-autocomplete';

    ERROR in src/app/app.component.ts:2:51 - error TS2307: Cannot find module '@angular-material-extensions/google-maps-autocomplete'.

    2 import {Appearance, GermanAddress, Location} from '@angular-material-extensions/google-maps-autocomplete';
    Shalu Pundir
    @AnthonyNahas Hi
    hi @AnthonyNahas , i try to use fab menu but it not display in my html . i don't have any error or something , can you help me ?
    and remove this color = "primary" because ERROR Error: Uncaught (in promise): Error: Invalid color: primary
    ERROR in The target entry-point "ngx-auth-firebaseui" has missing dependencies:
    • @angular-material-extensions/password-strength
    How to overcome this error
    Anthony Nahas
    @shalupundir_gitlab do you gave flex layout installed ?
    @fzucchet PLease open a related issue in github
    @Shalini-2818 is password strength lib installed ?
    Anthony Liriano
    Hi is there a way to change the font-size of the search results. Looks like modifying .pac-container, .pac-item is not working for me :S
    Anthony Liriano
    nvm, got it thank
    Anthony Nahas
    @anthonyliriano PLease specify the related project ...
    @AnthonyNahas i'm trying to use google maps autocomplete but i'm having an issue where i can't bind either the country or the component restrictions to a variable, it seems to have to be hard coded
    Anthony Nahas
    this should work
    can you post a snippet of your code ?
    Brahmadev Pandey
    Hi Anthony

    for https://angular-material-extensions.github.io/link-preview/doc/index.html
    Is I can run without using this URL and access key ?
    export class MatLinkPreviewService {

    private _accessKey = '5b54e80a65c77848ceaa4630331e8384950e09d392365';
    private _apiURL = 'https://api.linkpreview.net/';

    @AnthonyNahas Can I store the result of the google-maps-autocomplete into sessionStorage and then load the auto complete field on page load if the value exists in the sessionStorage?
    3 replies
    Ryan Martin
    I keep hitting npm errors like this when trying to install @angular-material-extensions/google-maps-autocomplete
    npm ERR! While resolving: entity-monorepo-prototype@0.0.1
    npm ERR! Found: zone.js@0.11.3
    npm ERR! node_modules/zone.js
    npm ERR!   zone.js@"^0.11.1" from the root project
    npm ERR!   peer zone.js@"~0.11.1" from @angular-material-extensions/google-maps-autocomplete@6.0.0
    npm ERR!   node_modules/@angular-material-extensions/google-maps-autocomplete
    npm ERR!     @angular-material-extensions/google-maps-autocomplete@"*" from the root project
    npm ERR! 
    npm ERR! Could not resolve dependency:
    npm ERR! peer zone.js@"~0.10.3" from @angular/core@10.2.3
    npm ERR! node_modules/@angular/core
    npm ERR!   @angular/core@"^10.1.4" from the root project
    npm ERR!   peer @angular/core@"^9.1.0 || ^10.0.0" from @agm/core@3.0.0-beta.0
    npm ERR!   node_modules/@agm/core
    npm ERR!     peer @agm/core@"^3.0.0-beta.0" from @angular-material-extensions/google-maps-autocomplete@6.0.0
    npm ERR!     node_modules/@angular-material-extensions/google-maps-autocomplete
    npm ERR!       @angular-material-extensions/google-maps-autocomplete@"*" from the root project
    npm ERR!   1 more (@angular/common)
    npm ERR! 
    npm ERR! Fix the upstream dependency conflict, or retry
    npm ERR! this command with --force, or --legacy-peer-deps
    npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
    npm ERR! 
    npm ERR! See /Users/ryan/.npm/eresolve-report.txt for a full report.
    Any advice would be appreciated. Once I start up and downgrading packages things start getting more wonky
    Ryan Craig Martin
    I was able to get it working. Does anyone know of a good way to repopulate a previously selected value and force the selection on an input with the directive?
    Ryan Craig Martin
    Hi has anyone managed to get bounds working with google-maps-autocomplete? or is it possible? strictBounds is an option in the API docs but not bounds..
    Does anyone know if using bounds is possible within the angular-material-extensions/google-maps-autocomplete library?
    bounds ?
    what are you trying to do with bounds?
    Andrii Neverov
    Hi @AnthonyNahas, pls review Angular 11 Schematics fix angular-material-extensions/password-strength#318
    Hi @AnthonyNahas, I am facing Uncaught TypeError: Cannot read property 'isFirstChange' of undefined at MatPasswordStrengthComponent.ngOnChanges (password-strength.js:148)- this error while loading on page
    Is it possible to handle this error?
    Anthony Nahas
    @j2ee_developer_twitter I've just patched the lib yersterday
    Anyone facing this problem Uncaught TypeError: Cannot read property 'isFirstChange' of undefined at MatPasswordStrengthComponent.ngOnChanges (password-strength.js:148)- this error while loading on page?
    Roman Paslavskyi

    How can I set bounds for MatGoogleMapsAutocomplete?

    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 an input called "Strict bounds" for limiting the search results, based on the bounds described, but there is no info on how to describe these bounds.
    How can I define these bounds in order to decrease the results of autocomplete based on the city selected?

    Maybe there are there any good practices how I can combine the MatGoogleMapsAutocomplete directive approach with google.maps.places.Autocomplete which relies on creating a brand new class? it's my first geocoding task, and I can't help myself

    Yeshudas Nair
    I'm not getting on, how to patch a dynamic value to Google maps mat input? Angular
    I tried to patch the value dynamically and even statically, but unable to patch it to google maps autocomplete input. Is there a possible solution that I can go through? I tried debugging it for hours, but no solution found.
    Hello. I installed @angular-material-extensions/select-country. It seems countries are sorted by numericCode. How can I sort countries by name? For instance, I would like to have "United States Minor Outlying Islands" start with letter U and not be in the section were countries start with letter B. @AnthonyNahas
    Hello, I installed @angular-material-extensions/password-strength but it is not working in latest IOS update.
    Bartłomiej Woźniak
    Hello, @AnthonyNahas when we might expect new version of select-country on NPM with Language support ?

    Hello Everyone,

    I'm using Angular 5. in one of my project where we used passwords strength lib to show and validate the strength,
    But unfortunately lib have some error in safari v15 related to Animation and backface-visibility css.

    Can someone help me to resolve or let me know the upgraded version where it is resolved.

    Thanks in Advance.

    Hello Everyone, I am using angular material password strength in my project. I found few bugs there. like on click of confirm password field the color of the mat field is actually our mat primary from the theme we use, and after matching those fields if someone again change the password field we will not 'password is not same' error in confirm password field. I have checked this issues are present in the demo code also. I need your assistance there.
    *confirmation field on first touch should give us warn color instead of primary mat colour
    HI, I have an error if I try to add .forRoot() to MatGoogleMapsAutocompleteModule in imports in app.module.ts
    Im using angular material table and experiencing slowness with 1000+ rows thought i have pagination in place.
    Do we have performance issues with huge data with mat table?
    Pagination won't load only the rows specified for paze size while rendering table?
    Whitney Purdum
    Hello, I followed the insall directions on npm, but am getting main.ts:12 NullInjectorError: R3InjectorError(AppModule)[InjectionToken MatSelectCountryLangToken -> InjectionToken MatSelectCountryLangToken -> InjectionToken MatSelectCountryLangToken]:
    NullInjectorError: No provider for InjectionToken MatSelectCountryLangToken!
    Has anyone encountered this?