angular-material-5 Questions

5

I have a list with an object has name and id properties: [ { "name": "open", "id": "1" }, { "name": "inprogress", "id": ...
Contumacy asked 27/7, 2018 at 5:45

9

Consider an example below. Is it possible to make the angular material data table with inline editing feature? Or making cells under specific columns as editable on load itself (see the image below...
Secrecy asked 12/4, 2018 at 3:45

6

Solved

Using the proper Angular Material directive, how do I change the direction to vertical? Starting with vertical tabs: Then want to drop to content below mat-select dropdown: EDIT: Will be wor...

6

Is there any way to make Angular Material with a sticky first column using CSS?. Here is ready to edit Stackblitz code I have tried to adapt this solution https://jsfiddle.net/zinoui/BmLpV/ but...
Scurrile asked 9/5, 2018 at 19:59

6

I'm writing here since I have a question about Mat Toolbar and Mat-sidenav from Angular Material. I'm trying to get the Sidenav to go under the toolbar and the toolbar always occupies the top part,...

10

I'm trying to get the index of row in table, in html, which has been implemented using angular material v5.2. Is there any method available to get the index? The code for reference: <div class...
Brainard asked 11/5, 2018 at 12:27

4

Solved

I have the following html code <mat-tab label="Regular" (selectChange)="tabClick()" (click)="tabClick()"> <h1>Some more tab content</h1> </mat-tab> and this is the func...
Asphodel asked 14/6, 2018 at 9:35

5

Solved

i am creating an angular table using this example from angular material https://material.angular.io/components/table/overview is there anyway to export it in excel or pdf?
Garretgarreth asked 8/3, 2018 at 10:30

3

I have angular material datasource. angular material version is ^5.0.3 Sorting is working. However for some columns it is sorting incorrectly. where number and text is there. For instance, sorted r...

2

Solved

I have used angular material version: 5.2.1 And wanted to know how to disable their animations, especially the matDialog. I have tried @.disabled but no luck.
Rappee asked 17/5, 2018 at 6:54

3

Solved

I have site with fixed header in angular material with z-index of 1100. While i have some mat-menu in my site which overlap the header with z-index:1200 and had class cdk-overlay-container (angular...
Active asked 15/10, 2019 at 13:14

3

Solved

I am trying to get the current value of a mat-slide-toggle but unfortunatly I will get an error: Error: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'mat-slide...
Crook asked 11/2, 2018 at 20:3

7

Solved

I noticed that button gets classes cdk-focused and cdk-program-focused added after the dialog it triggered is closed. If I click anywhere effect disappears. app.component.html [fragment] <mat-...
Wyatt asked 16/3, 2018 at 20:33

6

Solved

I am quite new to Angular 5 and have just started learning it. Recently, I have been trying to create a menu bar with multiple menus for my app using Angular 5 Material. The menu will be triggered/...
Contraposition asked 12/7, 2018 at 23:55

4

Solved

Im trying to add a ripple effect to a card using angular material. The ripple effect works the way it supposed except that it expands the hight of the card when the effect is active. How can I sto...
Davisson asked 4/2, 2018 at 15:55

2

Solved

Here is a code example I've forked from the official angular documentation for stepper: https://stackblitz.com/edit/angular-tth817 In my fork, I'm trying to achieve a couple of things: I want ...
Wildwood asked 3/6, 2018 at 5:13

2

Solved

Here I am using the angular material form for login form using Angular5. when the applications starts, the login form placeholder couldn't be over-written. But once one I logged in and logged out, ...
Disappointed asked 9/6, 2018 at 3:49

5

Solved

I was trying to use the Material Angular autocomplete and I came across the displayWith function which can be apparently used to be the output that is displayed on selection. I wanted to call a cus...

3

Actually i have used angular material expansion panel (accordian) for panel expansions. So what i have tried is i just want to display child panels inside one parent expansion panel something like ...
Meagre asked 24/7, 2018 at 13:16

4

Solved

How to get the id of selected option value in mat-select angular 5. Get only value of selected option in onchangeevent. but how can get id of selected option value. client.component.html <mat-...
Sycosis asked 9/2, 2018 at 12:11

1

Solved

Is there any way to theme component shapes in angular material? I know material design has a shape concept that allows you to create more rounded, less rounded or even cut corners for all small/med...

3

Solved

Here is my sample code Main Controller <mat-tab-group id="report"> <mat-tab label="Poll"> <div class="demo-tab-content"> <app-poll></app-poll> </div> </ma...
Lyonnaise asked 3/4, 2018 at 12:7

1

Solved

I am having a mat-menu containing multiple checkboxes, and I want the user to close it when he checks all types of filter he wants. The actual behavior is when you click on anything it will be aut...

2

I'm following the guide on Angular Material github to set custom global configuration to use on the snackbar module. This is the guide I'm following. However, as sais in the docs, there is no expo...
Parsley asked 3/5, 2018 at 15:14

1

Solved

I'm trying to use Angular Material in my project and the tags are imported, but not all of the styling is there. In my HTML: <mat-form-field> <input matInput [matDatepicker]="picker" p...
Bradberry asked 14/6, 2018 at 11:27

© 2022 - 2024 — McMap. All rights reserved.