Stack Overflow
Stack Overflow

Questions tagged [angular-mdl]

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

Features and Benefits

  • Easy to use components and directives for angular
  • 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

19 questions
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
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

Element binding in Angular-mdl

I'm quite new to Angular and having some trouble achieving element binding. Any help is highly appreciated. Below is the code:
Rakesh Chandru
  • 95
  • 6
1
vote
1 answer

Angular 4 routing duplicate component for a particular path

I have a weird problem , that when a particular route is directly launched the component is added twice in the dom, but when navigated from main page it works fine. The problem is with contact route ContactComponent You can check that live on this…
Madhan
  • 5,750
  • 4
  • 28
  • 61
1
vote
1 answer

How do I pass input parameters for a component when using mdl custom dialog?

Here is the tutorial code to create a custom dialog from the official angular-mdl website. let pDialog = this.dialogService.showCustomDialog({ component: LoginDialogComponent, providers: [{provide: TEST_VALUE, useValue: 'Just an example'}], …
Thai Ha
  • 240
  • 6
  • 13
1
vote
1 answer

Select Issue - angular2-mdl-ext [Angular 4.0]

I'm using: Angular 4.0 and for material: https://github.com/mseemann/angular2-mdl extension: http://mseemann.io/angular2-mdl-ext/select The issue is using the Select Component, it always stay open. Doesn't look like it's the proper behaviour. Looks…
Pablo Pantaleon
  • 1,506
  • 1
  • 19
  • 38
0
votes
0 answers

Does angular-mdl work with SSR angular Universal

I just upgraded my application to angular 9. Everything went well, but I am facing some problems when trying to run the SSR compilation. \dist\server\main.js:6542 __metadata("design:paramtypes", [MouseEvent]), …
bbapt
  • 1
0
votes
1 answer

Filtering in angular table is working with only current page

I'm working on Angular app page to filter a table with pagination but the search text filters only the current page's records. The requirement is to filter the entire data set not only the current page. Is there any possible way to make it work?…
Vijay D
  • 57
  • 9
0
votes
1 answer

angular2 implement a pipe to sort array objects according to a selected property

I have an array of products: public sort_criteria: any=''; public products: any = [ {title: 'Product_1', desc: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry', img: '../assets/prod_1.jpg', property_1: 50, property_2: 6,…
Thinker
  • 5,326
  • 13
  • 61
  • 137
0
votes
1 answer

Anglular-mdl reactive forms password validation

I have a password field where I need a validation with following rules: It should be alphanumeric It should not allow only characters or numbers

Thinker
  • 5,326
  • 13
  • 61
  • 137
0
votes
2 answers

mdl-radio with ngFor each radio button that is clicked remains selected

I have three product arrays and a variable to hold current one as a selection: product_types=['One', 'Two', 'Three'] product_type_one = [ {'description': 'Type one sample one', 'type': 'one'}, {'description': 'Type one sample two', 'type':…
Thinker
  • 5,326
  • 13
  • 61
  • 137
0
votes
0 answers

Custom confirm dialog style

I have been trying to use the confirm dialog with a custom size but I haven't found a way to do it. Is there any way or could it be implemented easily?
Bru
  • 1
0
votes
1 answer

Have navigation links in table for each row

I am trying to figure out if its possible to register links in the Table component of angular2-mdl. Idea is that one column will contain the anchor to the component user needs to go to. Normally this would be easy on html as you use [routerLink]=""…
Aeseir
  • 7,754
  • 10
  • 58
  • 107
0
votes
0 answers

angular-mdl - Get row / id / etc on table clicked

I have a angular-mdl table http://mseemann.io/angular2-mdl/table that I'm loading data to from an ajax call. I'd like to allow the user to click on a row and react to that event, but I can't figure out how to determine which row they clicked on…
Scott R. Frost
  • 2,026
  • 1
  • 22
  • 25
0
votes
1 answer

Angular2 MDL disabling mdl-menu-item not working

I am trying to disable mdl-menu-item based on condition set by module. my app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'ca-root', templateUrl: './app.component.html', styleUrls:…
Aeseir
  • 7,754
  • 10
  • 58
  • 107
1
2