These are chat archives for angular/material

14th
Nov 2018
Michael Prentice
@Splaktar
Nov 14 2018 00:52
@AhmedMYousseff I’m not familiar with webflow, but their forums seem to have a good bit of discussion of AngularJS.
David J Ruyle
@djr-taureau
Nov 14 2018 19:44

Hi All...I have been trying for a week now to get mat-select to fire and change correctly. I have the selectionChange that when fired dispatches an ngrx action to change a value in the store which it does successfully but the drop down just hangs, freezes, doesn't change the value and crashed the browser. The intended behavior is for it to reset the value to the one selected which is also the new default value coming from the ngrx store.

    <span>
        <mat-form-field>
            <mat-select placeholder="Themes" (selectionChange)="themeChange($event)" [value]="selectedThemeGroup$| async" name="themeGroup" disableRipple>
              <mat-option>Select a Theme</mat-option>
              <mat-option *ngFor="let themeGroup of layerNav$ | async" [value]="themeGroup.name">
                {{ themeGroup.name }}
              </mat-option>
            </mat-select>
        </mat-form-field>
    </span>


 themeChange({value: themeConfig}) {
    this.store.dispatch(new ClientConfigActions.SetTheme({themeConfig}));
  }

Unfortunately I have not found much on stackoverflow. This is with v6.4 Any insight would be greatly appreciated. Thank you.