Material: Reference app for using Material Design with Angular 2

Created on 11 Mar 2015  路  20Comments  路  Source: angular/material

Is there any reference application available for using Angular2 with Material Design?

Most helpful comment

Hope this helps, a first look at the ng2 material components integrated into a demo app https://youtu.be/ngkVXUCBozc

All 20 comments

The question of angular material with A2 came up at the conference last week. The answer was something along the lines of: that they would address this after they ship the finished angular material for the current 1.x.

That is correct, it will happen after Angular Material hits 1.0. The ngMaterial forum is a better place for questions like these, btw.

I created a really simple demo app showing how to use the new angular material alpha with Angular2:

http://plnkr.co/edit/QtOsjtDvUGuTYmDTmm6f?p=preview

@urish The example in plunker is not showing anything beside a header. Due to changes in Angular2?

@mattiLeBlanc,

You can check below working Plunker. The problem is it only works with Angular alpha-23.

Working Plunk

Yes I can confirm that it works.
I moved back to Angular 1 for now, because I can't go in production with Angular 2 with Meteor and Material design being under development.
Thanks for sharing the working Plunker

Maybe, you can provide, for example material button example.
Because Im trying to use

<md-content>
    <md-button class="md-raised md-primary">Primary</md-button>
</md-content>

or 

<md-button class="md-raised md-primary">Primary</md-button>

and no luck :(

Doesn't work anymore :)

@storytime any success with this?

Anyone have workable demo ?

@osi-bhushankumar I've fixed @tapas4java's example, so it works now, but <md-button> still doesn't work.
http://plnkr.co/edit/0Rh5sYVeqFZIDoLgIXSw?p=preview

You can follow the development of the Angular 2 Material components on our repo: https://github.com/angular/material2

Given the overlap between early adopters of Angular Material and early adopters of Angular 2 the lack of Angular 2 support is a problem and should be given a higher priority.

We would like to consider Angular 2 for a project scheduled for a May release, but are blocked by an earlier commitment to Angular Material.

+1 StrechKids

It seems the team is putting all its effort on Angular Material 1.x.

Many other options are available for angularjs 1.x (which are at a later stage and far more stable than Angular Material 1.x). The time the team will reach the stability needed for a production system, more people will be using angularjs 2.x than angularjs 1.x.

IMHO it is a waste of time to focus on 1.x!

Many other options are available for angularjs 1.x (which are at a later stage and far more stable than Angular Material 1.x). The time the team will reach the stability needed for a production system, more people will be using angularjs 2.x than angularjs 1.x.

IMHO it is a waste of time to focus on 1.x!

I don't agree. There aren't enough Angular 2 users yet to vet Angular Material and there were none at the time of the beta and RC releases. It needs to be more of a parallel track. But an Angular 2 release for May-August would probably need a beta Angular Material for Angular 2 release now.

We are in the same boat. Starting a new project and want to go with Angular2 to be future ready, but lack of angular material support is holding us back.

Hope this helps, a first look at the ng2 material components integrated into a demo app https://youtu.be/ngkVXUCBozc

@ajtowf Thanks a ton for making that video! I finally feel like I have a decent grasp of the SystemJS loader after watching you figure it out.

Was this page helpful?
0 / 5 - 0 ratings