All Questions
Tagged with angular5 angular-material2
118
questions
16
votes
4
answers
20k
views
mat-slide-toggle shouldn't change it's state when I click cancel in confirmation window
When I checked the slide toggle it should work as expected. But when I try to uncheck it there is a confirmation window asking if you are sure. When I click cancel in that confirmation window, still ...
24
votes
4
answers
29k
views
How to remove scrollbar from Mat-tab or Mat-card
I currently have a card (mat-card) that inside has 2 tabs (Now you only see one tab, but the idea is to fix this problem to add the other one; which will have the same content but will serve as an ...
1
vote
1
answer
4k
views
Angular 5 Material Multi-level Carousel style SideNav Menu (no dropdown)
I managed to do that in my side with Angular Material, it worked with sub-menus that were deployed with dropdowns, but I'm looking for a way to make them not "Dropdowns", I'm looking for them to be ...
13
votes
6
answers
26k
views
How to place "mat-toolbar" on top of "mat-sidenav" Angular Material 5
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, ...
0
votes
2
answers
2k
views
How can i set a default value in component to a Mat-select triggering (change)
Hello i am trying to set a default value in a mat-select with multiple options in the component.ts, and i am managing to do so, but when i set a default value programatically the method that is ...
0
votes
0
answers
140
views
Material Dashboard Angular Theme
I am using Angular5 and Dashboard material Angular theme.Everything working fine but the problem is that when i use binding [(ngModel)]=fst_nmeits change the color of text box. Kindly let me know what ...
7
votes
7
answers
23k
views
Mat-select panel min-width
I'm trying to customize mat-select with multiple checkboxes.
for some reason the panel get wrong min-width as below:
and I don't know where its calculating this min-width.
also I tried to add ...
1
vote
1
answer
560
views
Parent-Child Checkbox in Material Checkbox
I have two cases that I want to implement:
[]Checkbox1
[]checkbox1.1
[]checkbox1.2
If I select parent node checkbox1 it should not select it's children.
If I select both the child, it should ...
0
votes
1
answer
333
views
Issue with Angular material option select
I am trying to bind the json data to select option of angular material . But the problem with it is the data is not getting binding and moreover the entire page becomes freezed. I have written the ...
0
votes
1
answer
2k
views
angular 5 why the change does not work within the mat-menu
why it does not work (change) inside a mat-menu.
this is the code that I have
<mat-menu #texpublicity="matMenu">
<button mat-menu-item [matMenuTriggerFor]="size">Tamaño de letra</...
2
votes
2
answers
1k
views
Angular material animation - matRipple: escapes bounds of a div element
I've just added matRipple property to my div like:
<div matRipple class='icon-wrapper'>
...
</div>
Red border is actual size of the div element. As you can see, ripple animation ...
1
vote
1
answer
856
views
reload particular component in angular when user registers using material dialog
I am trying to load the registered users in to where the registration happens on the . Once the user registers then the registered user should be populated in the .For that i have written the code as ...
0
votes
1
answer
2k
views
Image upload for multiple fields Angular 5
I have a scenario where i have to create multiple file upload fields dynamically using reactive forms with form array and upload multiple image for that particular field in angular 5 or angular ...
3
votes
1
answer
1k
views
What is the modern way to do Angular content projection?
I've found a lot of old ways to transclude/content project, and I followed the latest method (I assume) found here: https://blog.angular-university.io/angular-ng-content/
I'm trying to include ...
0
votes
2
answers
804
views
Angular ngIf can't access parent property
I'm using Angular 5 and Material 5:
<mat-tab-group>
<mat-tab label="INFO">
info goes here
</mat-tab>
<mat-tab label="CONTACTS">
<div *ngIf="...