I’ve create a new Angular project with ng new … Next, following the Angular Material Getting Started: ng add @angular/material I want a Table, so I copy the following command with the output: ng generate @angular/material:table mytable CREATE src/app/mytable/mytable-datasource.ts (3621 bytes) CREATE src/app/mytable/mytable.component.html (853 bytes) CREATE src/app/mytable/mytable.component.spec.ts (1033 bytes) CREATE src/app/mytable/mytable.component.ts (1030 bytes) CREATE src/app/mytable/mytable.component.less ..
Category : angular-material

I have a panel (layout component – parent) which looks like this: While it is quite easy to add pagination within the same component, it’s not that easy to get it to work in different components. At least to me. I’ve googled and checked SO but only found either weird answers, which import one component ..

I don’t know why it actually looks so ugly and so different from the examples that are given by Angular Material. The label is not on the same height as the buttons and the font size seems to differ. I’ve also tried to use a mat-label now but it does not change anything. HTML: <form ..
I’m using ng-template matTabContent with a Material Tab to lazy load some content: <mat-tab label="First"> <ng-template matTabContent> Content 1 – Loaded: {{getTimeLoaded(1) | date:’medium’}} … </ng-template> </mat-tab> In that tab, I’m loading some data that is relatively expensive to generate, so I only want to load that data if the user clicks on the tab. ..
I have a document in mongoDB named Patient contains an array named Dossier. I used a Select option to get a specific fields from Patient. When i select they display list of dossiers in others select option. it works fine, but tried to get specific field into the array dossier (included in patient document), they ..
How to enable disable material date range picker component. I tried using disabled but doesn’t work. any idea? https://material.angular.io/components/datepicker/overview#date-range-input-forms-integration Source: Angular Materia..
I have followed a dozen different guides on how to use Angular Portals to take information from my main page and display it in a pop up tab or new window. There have been different ways of accomplishing this with CDK portals taking html and pushing it to new tab, or creating the component dynamically ..
I applied MatSort directive and sorting works fine. Issue is if you apply some pipe in cell which changes data. If you sort it after pipe is applied, then framework is still sorting on model / raw data which is wrong. You can test it here (sort on INDUSTRY column): https://stackblitz.com/edit/mat-sort-p4ypos?file=app%2Fapp.component.ts just replace data method ..
I have problem with sending specific data from mat-checkbox. I need sending Array with selected values but now I send only true or null value. How to resolve this? Thanks for help. Example: I want to send such data after clicking on the specific checkboxes: selectedValue: [4055, 4065, 4056, 4075] id: "dasdasdas451622386" Now I send ..
angular html have below code: <form class = "tp-form"> <!– —————- –> <mat-form-field class = "tp-full-width"> <input #caption matInput type=text placeholder = "caption" value = "" name="caption" > </mat-form-field> <br> <button mat-raised-button color="accent" type=button (click)="insert_data(caption.value)">add item</button> and my matterial table in html: <!– material table –> <table mat-table [dataSource]="list_product" matSort style="width: 100%;"> <!– id Column ..
Recent Comments