Angular-material Questions

I've searched and i've searched and i've searched, i can't find an answer to this. i am using angular firestore to fetch data (tried both

I have a simple div which contains two mat-cards. here are the css attributes of the div and of the cards inside the div: .cards {

I searched for this topic but i did not find a subject that was fitting my problem. i'm trying to set column size to the elements inside my

In the documentation explains that you have to create a md-autocomplete like that: <md-form-field> <input type="text"

After import mddatepickermodule and mdnativedatemodule, in my html: <input mdinput

I'm encountering an issue with angular-material2 where i'm trying to use an input. however, none of what i tried has worked. i'm getting

I want the side navigation to open from right to left. i used the align property and set it to "rtl" but it is not working.

I am using md-menu in multiple places but only in one page the menu background needs to be a different color. when i try to do it with

I create a simple form with a textbox and a dropdown. both are required. when i click submit button textbox becomes red while dropdown

I'm having an issue with the md-card component <md-card> <img height="200" width="200" md-card-image

How to set first day of the week using material 2? currently the default is sunday even if i set the locale to hu or anything else..

I'm trying to set a value programatically of a md-radio-button inside of a md-radio-group. here is my code simplified

I'm using angular material to style a input. usually when there is a value in the input, the placeholder should move up; but it didn't happens

My tooltip doesn't seem to be working. i'm not sure why that is. been looking around for known issues, but so far i haven't found anything.

Consider the following component template, i am trying to achieve ability to reorder list elements for angular material 2 and simple li-tag.

I'm new to angular material and i'm trying to implement md-tab into my app. but, i'm not able to style my tab content to acquire the remaining

I want to use tabs for navigation. i followed the

What am i missing here? should md-input be individually loaded in the module file? this

I am trying to use angular material 2's mdtooltip. the

Good evening, i'm using angular material 2.0.0 beta1, and i've got troubles with md-select. here is the code: <md-select

I would like to be able to sync 2 md-virtual-repeat lists so that their scroll positions are identical. i tried using md-top-index and

Here's my enum: export enum mytypes { house = 1, apartment = 2, flat = 3, studio = 4 } if i cycle in a

I'm learning and testing angular. i am following a tutorial that uses angular and material ui. i am trying to render the html from my

<app-card></app-card> is in my app.component.html and displays the card component

I am trying to bind multiple input fields together but am having trouble doing so. i basically have multiple input fields where if one input field

I am trying to make an output field multiply it's value based on a value i set in my input field. eg. if the input field is equal to 2 then the

I have a mat-table with 3 icons in each row. one of the icons is an arrow that opens up an expandable row when pressed. i want to invert the icon

I am using mat-table to display records in grid format. also i have implemented expandable rows by using two different datasources. first

This thing it's starting to annoying me, so i'm here to ask help! i've started working on an angular application with the material. i want

I created a tree in angular. that tree has 3 levels. when the tree is loaded, the first level is opened.

I need to have an intro page in my angular 9 app. there i have a mat-button which when i click it i need to display the home page

I have the following code and i want whenever the list is empty the td displays a text and as soon as it gets some elements, show the

I use angular 6, firebase and angular material. i have 30,000 json objects stored in firebase that i want to load them into a mat-table.

When we hover over the first column of the table a tooltip appears and then on clikcing on the button presnt in the tooltip mat dialog opens

I need the drag and drop capabilities from the @angular/material module, but when i install it using angular cli, a bunch of

I have a mat-toggle-button which i would like to make clickable only when an object in the ts class is changed,

When i write this line of html code: <td> <img align="center" [src]="productbybarcode.imageurl" />

I want to push the values into a array like below when i retrieve values from firebase database columns: any[]; this.columns = [

I have a table, data comes from a firebase database. problem i'm having is sorting the table when using authentication. i built the site on two

I am making an image carousel in angular that receives a model to iterate the images, but when i try to take the first position it throws me an

I am stuck on an issue for a while now, searched for solution but, unfortunately, nothing is working. i am rendering 5 tables on the

I am having hard time in using angular material icons in nx storybook. here is how these are configured in angular.json, i think i am not

I am using material buttons in my page as such: <button mat-stroked-button color="primary">learn</button>

I am trying to implement selectall() and deselectall() but it is showing error:

I have an api response [{"pass":15,"fail":80,"skip":5,"total":100}] and want to show progress bar basis of pass, fail and skip

Argument of type 'boolean' is not assignable to parameter of type 'string | symbol'.ts(2345) cancel() {

In this reset password material stepper demo in the first

I have an angular 12 application using angular material components. i have an expansion panel which in the header has an input.

I am using angular stepper to display all my data and take input for some of the text boxes, but i want to add my custom validations when user

I am using angular material date picker in one of my component's of angular project. this component has two tabs. using *ngif i am showing only

How do we set to an angular mat date picker where the default selected value is 1 year from today ?. thanks. when the date picket loads the

I made a steppers sample project with react.js and material ui. link is

I am using the selectto dropdown in angular material design. this is my code: <mat-form-field id="inputclick"

I have a normal html page that has an input field and a button. the user inserts some value on the input field and the app makes an http

I'm setting a reorder-able table, using { mat-table , mattabledatasource } but when i drag a column i want it's place to have a white background

I have a angular application and i am using angular material of course i googled a lot about this error message. but didnt find any

I am trying to dynamically display the sum of selected column data through selectionmodel on the selected rows below my table. the

There is a similar question

I have a search 'form' with angular material. but it is not a form with a submit button. but just a button. like this:

I hava angular 8 application and i am using material. what i want to archieve is that data from the backend will be populated in a

I have a angular 8 application and a dropdown with two values: on the backend the names of the two values are: invited and registerd.

The

I am trying to create an angular form array which contains multiple objects and each object has 5 properties. i retrieve the array of objects from

Hi i am developing an angular application. i want to create tabs, clicking on each calls a different function. i am using mat buttons for it. my

So i hava a angular 8 application and i am using the material angular library. and i have a nummeric field. but i want to omit the user from

I want to disable some buttons through a directive (add disabled property to button). this directive works on classic html button but

How to fire an event on close of multiselect dropdown in angular material? this is my html template

I'm using angular material with routing. after a click event i want that my app will go to an url which contains the parameter

I would like to design an angular component made of a toolbar and below a sidenav. here is the corresponding html code for my component:

I'm using the material calendar component with custom navigation that i've built which shows the next 5 days after you select a date in the

I imported the matformfieldmodule like this: import { browsermodule } from '@angular/platform-browser';

I have forked, cloned and modified the angular material repository to suit my needs. code in the dev-app runs fine. now i want to use this

I am working with angular material and facing the problem to manage the datepicker component because it's doing hide input box and because of that

I have a mat-table that loads data from firebase. all-matches.component.html ... <mat-table #table

I have a dropdown that i want to refresh the value, more exactly , i have two language and for each of them i have those elements [name-for

I'm building a web app using angular material and am trying to display a table with sorting. the sorting works on all but this column. this is the

Hi i am trying to chain following subscriptions. changebranch() { const bottomsheetref: matbottomsheetref =

When i use mattabledatasource for my table for data from firebase the table is empty. when i save the data from firebase to a variable the table

Hi i am using angular material 5 and angular 5 along with angularfirebase2 version 5. i am able to get the datasource and display the material

I have a scenario whenever the user starts searching for something which will call the http service and get the response and show it in the

I am trying to send the date to dialog(for registering new event). this is how i added in calendaroptions,

I'm using the cdk overlay to display a "popover" when the user hovers over a list item. i currently open the popover when the mouseenter event

For some reason, i can't seem to get the mat drawer to occupy the remaining available height on the screen. i've tried:

I am trying to add form fields and displaying it in the form of material table. but when i try to add a row(form field) it displays form field

I can get the data from the api to show using *ngfor='let earning of symbolearnings.earnings'>{{earning.actualeps}}now

I would like to click the alarm icon and that creates a dropdown menu. i have already seen

I am using angular material, to build table here is my component for table: import { component, afterviewinit, viewchild }

Is there a way in which i can make my mat-expansion-panel open only when i click a certain button? i am thinking of

I'm following this tutorial for

I'm not sure if this is a bug, almost 90% certain it's not, but i want to know the logic behind something like this occuring. i have a

I have an angular material date picker field in a form. the form is connected to an api endpoint built with laravel. when i select a date in the

I am trying to use the angular material sidenav in my project but when i add it to the project it causes the entire page to be blank (white) and

I am using a mat-icon like this html code file - datentry.component.html <mat-icon mattooltip="time

I'm using angular 5 and i have a mat-progress-bar. i also have a timer with 2 * 60 value that means 2 minutes. i want to decrease the value of

I originally created a static html table where i set a formula and css based on the value in the cell: <td

I set the condition like this: <mat-chip-list> <mat-chip color="accent" *ngif="letter.status ==

I am trying to implement fade transition on my router outlet - whenever you move to a page you get fadein/out. however it just doesn't

I have a function which adds and removes colons as a user types, however the output is being shown outside of the input field hence i am trying to

Using angular/material 6.2.1, i am trying to add a badge to a button, which works fine. however, instead of showing plain text that i