angular-material

问题 I want to change the style of the mat-ink-bar for Angular material tab. I wanted to archieve a design like this: Jsfiddle example The problem is that the mat-ink-bar already absolute positioned and i cannot display my ::after element. Is there a way how i can archieve this ? Here is what i tried on stackblitz: Mat tab on stackblitz my style are located inside the style.css . The triangle at the bottom is hidden if you use the dev tool. I could not show it using z-index .. Any help would be

问题 I am trying to implement sorting / filtering on angular material table with formArray as input data source. StackBlits code link dataSource = new MatTableDataSource([]); <table mat-table [dataSource]="formdataarray.controls" multiTemplateDataRows class="mat elevation-z8" matSort > <ng-container matColumnDef="{{column}}" *ngFor="let column of columnsToDisplay" > <th mat-header-cell *matHeaderCellDef mat-sort-header>{{column}}</th> <td mat-cell *matCellDef="let element"> {{ element.value[column

问题 I want to import all angular material modules and use into overall angular project templates. 回答1: We can create a new module and import all material modules in the new module and use into our templates. Please use this command and run into Angular CLI: ng g m material --module=app --module=app - this command will automatically import newly created MaterialModule module and add into AppModule imports[] array. Now open MaterialModule file and Ctrl + C / Ctrl + P : import { NgModule } from '

问题 I want to import all angular material modules and use into overall angular project templates. 回答1: We can create a new module and import all material modules in the new module and use into our templates. Please use this command and run into Angular CLI: ng g m material --module=app --module=app - this command will automatically import newly created MaterialModule module and add into AppModule imports[] array. Now open MaterialModule file and Ctrl + C / Ctrl + P : import { NgModule } from '

问题 I have passed array of objects which inside having array of objects to dataSource in mat table. I am unable to loop through the object which has array of objects. const roleListData = [ { roleId: 1, role: "admin", description: "Testing", level: "1", roleFunctions: [ { createdBy: "person-1", createdOn: "2019-11-04T20:02:52.345", updatedBy: null, updatedOn: null, segmentId: 2, segmentType: "Dealer", segmentName: "testing", segmentValue: "5", additionalInfo: null, active: true } ] } ] Table cell

问题 I have passed array of objects which inside having array of objects to dataSource in mat table. I am unable to loop through the object which has array of objects. const roleListData = [ { roleId: 1, role: "admin", description: "Testing", level: "1", roleFunctions: [ { createdBy: "person-1", createdOn: "2019-11-04T20:02:52.345", updatedBy: null, updatedOn: null, segmentId: 2, segmentType: "Dealer", segmentName: "testing", segmentValue: "5", additionalInfo: null, active: true } ] } ] Table cell

问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular