I am looking for a material design library to be used with Angular 2.0.
Material Design Lite (MDL) was quite easy to setup, but I get some problems
when I try to create components as I would like to design them.
For example I would like my main index.html to look something like this
(just the body tags):
<body>
<app>Loading...</app>
</body>
The component with the "app" selector has a template that looks something
like this:
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<div class="mdl-layout-icon"><img id="Logo"
src="images/Logo.png"></div>
<span class="mdl-layout-title">My Custom App</span>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Drawer</span>
</div>
<main class="mdl-layout__content">
<router-outlet></router-outlet>
</main>
</div>
If I use it like this everything looks ok. The routing works as expected
but for example the button for the drawer on the title bar disappears! I
suppose it has something to do with the way MDL wants to be initialized or
how their Javascript code accesses the DOM.
Angular Material ( https://material.angularjs.org ) seems to work just with
Angular 1.x, but not with Angular 2.0.
What is the "official" material design library for Angular 2?
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
