This example stays forever on the screen: snack-bar-demo.ts import {Component, ViewContainerRef} from '@angular/core'; import {MdSnackBar, MdSnackBarConfig} from '@angular/material'; @Component...

How can I change the color of selected option of mat-list-option? Right now I have something like this: Current list I want to change the color of whole option or card 'on select' to green. Some...

I have implemented the Angular 2 progress spinner from the below link https://github.com/angular/material2/tree/master/src/lib/progress-spinner I would like to have it centered, however, the only...

I'm trying to write a test for my mat-menu in my application's toolbar. When I call button.click() in my test, I get a Cannot read property 'templateRef' of undefined error in the console. As all ...

I have an angular2 application using the Angular2-material library for styling. I'm trying to add a FAB (Floating Action Button) to hover in the right corner of the application, but it's fixing its...

i would like to open the md-sidenav on large screen and close it on mobile device. What would be the right way to do it inside my application? Is there any possibility to query the media inside an...

I want to make an autocomplete component which makes requests to the server and renders the received values on the screen. I'm trying to understand how the portal and overlay work. Right now this i...

I am implementing the dialog component of material2 and faced this issue: I want to make a generic dialog for all the confirmation type of messages, where developer can input the text to the ...

I just moved to angular-cli 1.0.0-beta.11-webpack.2 There are so many annoying things but the biggest problem which I`m facing is with external css files (probably I will have the problem with js f...

I have this input which are created dynamically from list column, now I need to get all values of the inputs when some method occurs( imagine getAllValues() ) <div *ngFor="let cell of column; ...

I have an Angular 2 Material app that uses the <md-sidenav-layout> with an <md-toolbar> inside. <md-sidenav-layout> <md-sidenav #sidenav mode="side" class="app-sidenav" opene...

I am going through the example of Angular2 Material and I see that all Material modules are imported in the root module using the forRoot() method. So in my app I do the same. Now I need to use so...

I am using @angular-2.0.0-rc.5, @angular2-material 2.0.0-alpha.7-4 & Angular-CLI 1.0.0-beta.11-webpack.2 When I try to compile it throws an error, Cannot find name 'HammerManager'. Please se...

Shouldn't imports on the root level be available globally (With globally I mean to all sub-modules and components)? I have the following root/app module : import { BrowserModule } from '@angular/...