Questions tagged [angular2-mdl]

angular2-mdl is a component library for angular 2 apps based on material design lite (getmdl.io).

Features and Benefits

  • Easy to use components and directives for angular 2
  • Components instead of css classes.
    • This will provide less errors and a better tool support.
    • The html code is shorter.
  • Possibibility to use the official mdl css from https://getmdl.io or the scss sources

Useful links


Related tags

68 questions
95
votes
8 answers

Binding element 'index' implicitly has an 'any' type

Using the demo project of angular2-mdl as a guide I ported the tab component and tried to implement it as follow: import { Component } from '@angular/core'; @Component({ selector: 'my-dashboard', templateUrl: './landing.my.html' }) export…
InsaneBot
  • 2,422
  • 2
  • 19
  • 31
14
votes
6 answers

ctorParameters.map is not a function in angular2-mdl

I'm trying to use angular2-mdl with angular-cli. I imported MdlModule in app.module.ts. When I try to use , it makes an error: ctorParameters.map is not a function in…
Mingyu Jeon
  • 1,755
  • 5
  • 23
  • 40
4
votes
1 answer

angular2-mdl: Break layout in components does not work

For a given layout from the demo-app http://mseemann.io/angular2-mdl/layout
Vicens Fayos
  • 740
  • 1
  • 5
  • 18
3
votes
1 answer

angular2-mdl components applied to Angular 2 Quickstart

I'm trying to use the angular2-mdl component with the Quickstart Angular 2 example (https://angular.io/guide/quickstart). I added these dependencies to the default package.json file: "angular2-mdl": "2.1.0", "@angular2-mdl-ext/popover":…
Michele DC
  • 109
  • 1
  • 11
3
votes
1 answer

What is angular2-mdl, where can i find it, what did it provide?

What is angular2-mdl? Why does angular2-mdl exist? Where can I find the sources? Where can I find a demo? Is it installable by npm?
michael
  • 16,221
  • 7
  • 55
  • 60
2
votes
0 answers

Does mdl-textfield have any support for typeahead or datalist?

Trying to use Angular2 + angular2-mdl for a project and i'm needing typeahead or at least datalist support for mdl-textfield. Is there an example out there where this works? Thanks
2
votes
0 answers

how to insert toaster/snackbar inside one div?

I have seen a snackbar in getmdl.io.but the snackbar is absolutely positioned at the bottom of the page like this Snackbar component in getmdl.ioBut how can i place the snackbar inside one div?
kevin
  • 87
  • 1
  • 9
2
votes
1 answer

angular2-mdl dynamic drop-down menu

I am developing an application using angular2. Currently i am trying to find out how to make a dynamic drop-down menu using angular2-mdl but I can't seem to find a correct solution for it. here is a code snippet from my project
Kris
  • 23
  • 6
2
votes
2 answers

How do I override angular2-mdl's default CSS?

I'm making good progress with my Angular2 app, thanks again for clarifying how to use the scss files from MDL (answered here). However, I'm having trouble now overriding certain default styles set by MDL. For example, I don't want the tabs in the…
curiosity
  • 388
  • 1
  • 13
2
votes
1 answer

Angular2-mdl and webpack

I have followed to steps provided at https://www.npmjs.com/package/angular2-mdl and got Angular2-mdl working flawlessly, but now I'm stuck at the point where I want to include MDL's scss files. I have not extended angular-cli-build.js, and don't…
curiosity
  • 388
  • 1
  • 13
1
vote
0 answers

MdlSelect - ViewDestroyedError: Attempt to use a destroyed view: detectChanges

I'm getting the same issue as mentioned in this github issue I'm using the following versions: "@angular-mdl/core": "^8.0.0", "@angular-mdl/popover": "^8.0.0", "@angular-mdl/select": "^8.0.0", From the issue, it seems that this was fixed in this…
Gunner
  • 736
  • 11
  • 19
1
vote
1 answer

Material design Lite navigation drawer like google Android and You Tube

I, am using Material design lite in my website. Their are many templates that works great. I, want to change little bit design for navigation drawer. Here is the template I am using for dashboard…
San Jaisy
  • 15,327
  • 34
  • 171
  • 290
1
vote
3 answers

change ngModel value with checkbox

good day .. I have this code and I need to send the role..but when I select the checkbox the ngModel changes to True or False and it is what is sent to the DB..How can I solve it?
1
vote
1 answer

Template parse errors: There is no directive with "exportAs" set to "mdlButton"

I'm building an application using angular2-mdl. Everything works just fine except that all animations won't work. After looking the documentation available at the following link, I noticed that, for instance, if I want to toggle a specific menu…
AndreaM16
  • 3,917
  • 4
  • 35
  • 74
1
vote
0 answers

angular2-mdl expansion panel with *ngFor behaves incorrectly

In my component I get a list of tasks which I am showing in my template as following:
Thinker
  • 5,326
  • 13
  • 61
  • 137
1
2 3 4 5