All Questions
Tagged with angular5 angular-material
223
questions
0
votes
3
answers
2k
views
patch mattimepicker in angular reactive form
I have an angular mattimepicker. I am using it in a reactive form. I am finding it difficult to patch the value to the edit form
<h1>Reactive Form</h1>
<form [formGroup]="form&...
0
votes
1
answer
2k
views
How do I change color of Mat-Checkbox when it is disabled Globally?
I have used mat-checkbox in my project and have given it a custom color. but that color is applying on all the disabled checkboxes in which users are unable to determine which checkbox is checked and ...
0
votes
1
answer
537
views
how to get the current [pageSizeOptions] into component on click of other Button(not Pagination buttons)
I am having a scenario where I want to get the current pageSizeOptions like 20 to display the data where [pageSizeOptions] = {10,20,30,40,50};
The user has already selected the pageSizeOption as 20 ...
0
votes
0
answers
174
views
How replace flatpickr to angular material design datepicker
I have problem with replacing flatpickr (jQuery) datepicker to angular material design date picker. In project is create grid file (.ts), which return html.
return `<input id="${this....
6
votes
1
answer
6k
views
I am unable to customize the style property with mat-grid-tile of angular material
I am trying to create 6 tiles in each row and each tile consists of amount at the top left, + symbol at the top right, below Charity name, then below date at the extreme left and so on. But everything ...
2
votes
1
answer
2k
views
Why Angular Datepicker sends wrong date?
I have datepicker:
<input
type="text"
formControlName="startDate"
[ngClass]="{ 'has-error': form.get('startDate').invalid }"
[matDatepicker]="picker"
...
1
vote
2
answers
288
views
Checkbox angular material modify styles without (deprecated) /deep/, >>>, and ::ng-deep
How modify the style of the mat-checkbox component is a checkbox angular material, before. I had them modified with ::ng-deep and it worked but recently I saw in the angular page that it is obsolete ...
6
votes
3
answers
30k
views
Select only one row in mat-table and if select other one then unselect first one
I want to implement table with only one row selection. Now i have multiple selection.
I tried coupe ways to do this and i stayed by this one.
Graphic example:
component.ts
import { Component, ...
23
votes
2
answers
31k
views
How to add mutiple header rows using angular material table
Parameter 1: Time Period
{{element.value}}
Parameter 2: Gender
{{element.gender}}
<ng-container matColumnDef="column3">
<mat-header-cell *...
3
votes
2
answers
5k
views
Angular Material Stepper is undefined on first load
I'm using Angular Material Stepper in a component. The problem is that when the component loads for the first time it breaks with the error message
ERROR TypeError: Cannot read property '...
0
votes
0
answers
1k
views
How can i avoid time zone issue when i pick date from date picker ( previous day ) value is being sent to the backend?
I wanted to display time in the following format throughout the application
Example: Jun 27, 2019
So I didn't want to use moment.js since I use only one format and for implementing that i'm using ...
0
votes
2
answers
142
views
How can I render mat-table by button I defined?
I have mat-table and select button above mat-table. Once I click select butotn, I am pulling datas from web API and I want data to be viewed in table. But clever!! Angular team does not support this ...
1
vote
2
answers
5k
views
Angular5: how to highlight certain dates in mat-datepicker?
i am trying to pre-select some dates in mat-datepicker (angular 5) the problem here that i can't use [dateClass] directive because its an angular 7 feature
<mat-form-field>
<input matInput [...
2
votes
1
answer
3k
views
Angular 5 :Trigger mat-autocomplete on pressing a particular key
I am trying to come up with something like the tagging feature on Facebook i.e whenever '@' key is pressed my autocomplete should be triggered and I should be able to see the option corresponding to ...
0
votes
0
answers
502
views
Can't bind to 'dataSource' since it isn't a known property of 'table'. In angular 5
using table of angular material shows above error to me, MatTableModule is imported in app module still it shows error. Is there any issue with array on datasource or with any importing