angular-material2

Here is what I used to build my responsive nav-bar using Angular2+ Material 2 and flex-layout in angular-cli app. (Please visit Install Angular Material and Angular CDK) 1) Install flex-layout npm install @angular/flex-layout -save 2) Include flex-layout in your app.module.ts import {FlexLayoutModule} from “@angular/flex-layout”; 3) Import imports: [ BrowserModule, FormsModule, HttpModule, RoutingModule, FlexLayoutModule, MyOwnCustomMaterialModule // … Read more

You’ll want to use the npm update command. An example would look like this. npm update @angular/material @angular/cdk This will install the latest stable version. If you would like to target a specific version, you would have to specify it by adding the version to the end after an @ symbol. Additionally, you can check … Read more

As of v15 <mat-slider> <input (input)=”onInputChange($event)” /> </mat-slider> onInputChange(event: Event) { console.log(“This is emitted as the thumb slides”); console.log((event.target as HTMLInputElement).value); } Before v15 In your case, you would not listen to the (change) event but rather to the (input) event. Here is an example: <mat-slider (input)=”onInputChange($event)”></mat-slider> onInputChange(event: MatSliderChange) { console.log(“This is emitted as the … Read more