Category : angular-material

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 ..

Read more

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. ..

Read more

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 ..

Read more