angular/material

AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).

Ahpple T. Gonzales

@ahppleg

chan nnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnc,,,dcewv3rtrv

jmls

@jmls

I suspect a cat ...

Shaun O'Brien

@areologist

Turns out in the course of development that I really only need a small subset of angular material, and yet it pushes my js bundle well over 1 MB. Is it possible to include only bits of angular material?

namely: flexbox layout classes/directives, md-input-container, md-select, md-ink-ripple, the palette subsystem and icon-management subsystem, md-icon.. that's probably about it.

well, some of the containers too

Michael Prentice

@Splaktar

If you use a tree shaker like Closure compiler, it could be possible. Angular 2 is going to support this kind of thing out of the box.

Shaun O'Brien

@areologist

Thanks Michae;

Michael*&

Le Ba Thuan

@LeBaThuan

Hello. I have a question. How can I bind data between 2 module? plz, help me. thanks

Aaron

@0101adm

hi, all. i do a fetch in my config to determine what colors to use. it seems AM doesnt respect setting theme palettes after the XHR call. any ideas?

btinoco

@btinoco

Hello, is there any accordion control coming to angular material soon?

Peter Murwa

@murwa

@LeBaThuan use a service then inject in both controllers

Aaron

@0101adm

ie, is there a way to change the theme (after the app has loaded) in the config block?

Aaron

@0101adm

looks like its not possible atm.

Michael Prentice

@Splaktar

@0101adm there is a way to tell the themeprovider to watch for theme changes

It's not the default because of the performance impact, but it is possible

$mdThemingProvider.alwaysWatchTheme(true);

https://material.angularjs.org/latest/Theming/04_multiple_themes

Aaron

@0101adm

@Splaktar im fetching data, then setting the default theme to custom palettes. using that method doesnt seem to change the theme.

after my fetch, this block throws Attempted to use unregistered theme 'my-home-theme'. Register it with $mdThemingProvider.theme().

$mdThemingProvider
        .theme('my-home-theme')
            .primaryPalette('customPrimary')
            .accentPalette('customAccent')
            .warnPalette('customWarn')
            .backgroundPalette('customBackground');

    $mdThemingProvider.setDefaultTheme('my-home-theme');

Aaron

@0101adm

if i set default to the custom palettes, along with alwaysWatchTheme, the theme doesnt change.

reading up on this, there is an undocumented function to generate the theme on demand, but my custom palettes are not available.

Michael Prentice

@Splaktar

ah OK, you need to register themes dynamically in addition to changing them dynamically

Michael Prentice

@Splaktar

what if you use default theme and alwaysWatchTheme at boot and then create/set your new theme when your custom pallettes come back from the server? or can you just modify the default theme when your colors come back instead of registering a new theme?

Aaron

@0101adm

@Splaktar i've tried that, too. setting the theme @ boot, then setting the palettes of default after the fetch.

(using the default theme @ boot)

Michael Prentice

@Splaktar

More exceptions or just no effect?

Aaron

@0101adm

if i set default's palettes, no effect. if i try registering a new them (with custom palettes), i get Attempted to use unregistered theme 'my-home-theme'. Register it with $mdThemingProvider.theme().

@Splaktar ^

Eshan Singh

@naiveaiguy

Hello, does anyone here have an experience of using Angular Material with Ionic? I am familiar with Ionic Material, however it does not really comply with the guidelines as much as Angular Material does. Can anybody give me some advice on how to get it set up?

Michael Prentice

@Splaktar

Ionic 2 does a better job of doing material design. You can also use Angular Material with ngCordova

Another option is Nativescript, which is quite impressive

Rajeev Sharma

@rajeevkumarsharma

Hi,
How to work with Material Design Lite with angular2 RC

Thanks in advance

Erwan DATIN

@MacKentoch

https://medium.com/@erwan.datin/using-material-design-lite-progressbar-with-angular2-a593487450d3?source=linkShare-4c56d98707e7-1462770232

Rajeev Sharma

@rajeevkumarsharma

This is not working with RouterOutlet

Hi,
How to work with Material Design Lite with angular2 RC.
componentHandler.upgradeDom(); does not working with RouterOutlet.

Thanks in advance

Rajeev Sharma

@rajeevkumarsharma

@rajeevkumarsharma
Hi,
How to work with Material Design Lite with angular2 RC.
componentHandler.upgradeDom(); does not working with RouterOutlet.

May someone provide working example.
Here is a link of my repo pls check and provide solution to work with MDL in angular2 rc.
Here signup, signin pages are not functional with MDL.

Thanks in advance
repo @https://github.com/rajeevkumarsharma/ng2-mdl.git
https://github.com/rajeevkumarsharma/ng2-mdl.git