Stack Overflow
Stack Overflow

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
1
vote
1 answer

Change component's template Angular 2

I'm using mdl-select component. It's a drop-down list. When you press it there are focusin event fired. But it doesn't when you press an arrow-dropdown icon, so I needed to change a template a bit to have a desired behavior. But it's a library…
K.Rice
  • 599
  • 1
  • 8
  • 27
1
vote
0 answers

CSS sliding div on button click

I have designed a div more less like floating action buttons: on a button click a strip slides from left to right but I can not style it properly with my knowledge of css.
…
Thinker
  • 5,326
  • 13
  • 61
  • 137
1
vote
0 answers

Select Issue - Material Design Lite in Angular2

I'm using Material Design lite: https://github.com/mseemann/angular2-mdl in angular2. But I'm having some trouble with the select component with multiple. When you select items it appears on the top. Just like in the image bellow. Seletc component…
Daiane Mascarenhas
  • 11
  • 3
1
vote
2 answers

How to close mdl dialog in component file

Hi i am new to Angular 2. I am using angular2 mdl dialog and i want to close dialog when login is success. But i dont know how to close dialog.Can any one help me please
Nithesh S D
  • 103
  • 2
  • 10
1
vote
1 answer

Angular 2 MDL Table model addAll() throws error: Cannot read property 'columns' of undefined

I've been following example straight from demo app. Nevertheless, I get an error when using addAll() method to add table data to the model: Error in ./MdlTableComponent class MdlTableComponent - inline template:7:18 caused by: Cannot read property…
Alic W
  • 128
  • 7
1
vote
2 answers

Angular2 (angular-cli) and Material Design Lite (angular2-mdl)

I'm having some issues starting an Angular2 project using the angular2-mdl package. My project setup is using angular-cli (webpack) - https://github.com/angular/angular-cli I am trying to integrate Google Material Design Lite…
wkdshot
  • 256
  • 1
  • 6
  • 18
1
vote
1 answer

FAB Menu Button with angular2-mdl

I'm building an Angular 2 app with angular2-mdl. I've add a FAB button to my page but can't find anywhere in the docs, angular2-mdl or MDL, information on how to add a FAB menu (see image). Is there a way todo this with angular2-mdl or MDL? I've see…
James Johnson
  • 311
  • 6
  • 16
1
vote
2 answers

angular2-mdl table component with server side data

I experiment with Angular 2 - Material Design Lite especially with the table component but I can not figure out how would I pass data from server on ajax request. Here is the example provided for table initialisation. How would I pass data from…
fefe
  • 8,755
  • 27
  • 104
  • 180
1
vote
0 answers

MDL select list

I am making a select list input type. Although the data which need to be there in the options are there, but I am not able to select the option. As in it is not showing the selected input type. Below mention is the code to it. Please help:
Nishank Yadav
  • 13
  • 1
  • 8
1
vote
1 answer

Best practice for Master Detail on Desktop/ Detail only on mobile for Angular2 and MD

I am posting this probably as I don't know the correct terminology of something that cannot be that uncommon. Just wanting to know the best practice and some links to an example of this. You have a master list - detail in a responsive site. In…
Mark Naber
  • 63
  • 2
  • 12
1
vote
1 answer

How to configure a mdl-dialog in the declarative way

I'm trying to use a mdl-dialog with my component as showed here: http://mseemann.io/angular2-mdl/dialogs-declarative but the compiler says: Can't bind to 'mdl-dialog-config' since it isn't a known property of 'mdl-dialog'. If 'mdl-dialog' is an…
Michele DC
  • 109
  • 1
  • 11
1
vote
0 answers

Using mdl-layout causing TypeError

I have followed the install instructions for angular2-mdl using the angular2-cli and I think everything is setup properly, the components I tested render and function correctly. I then tried getting the application layout sorted and componentized…
Andre Calitz
  • 11
  • 2
0
votes
0 answers

Angular - Problems with ripple effect form Material Design Lite

I'm trying to integrate Material Design Lite @angular-mdl/core into the Angular project, but it doesn't works as expected. Namely, in my example there is basic button element which includes ripple effect:
0
votes
1 answer

Enable checkbox dynamically using angular2

I am trying to display a list of checkboxes using " *ngFor" attribute as follows.
Sai Raman Kilambi
  • 878
  • 2
  • 12
  • 29
0
votes
1 answer

angular2-mdl 404 (Not Found)

I am getting strange error 404 not found error . I have properly installed angular2-mdl with npm install angular2-mdl --save and I can find it easily inside in node_modules directory here is my app.module.ts import { NgModule } from…
Patata
  • 273
  • 3
  • 18
1
2
3 4 5