angular-material-7

问题 I am trying to customize the angular material mat-form-field : I was able to customize the underline border using : ::ng-deep.mat-form-field-ripple { background-color: yellow; } now I am trying to customize the underline border in the disabled state to be solid instead of the dashed line : I tried this but it didn't work for underline : ::ng-deep.mat-form-field-disabled { } I want this to be gray solid in disabled state <mat-form-field> <input matInput placeholder="Input" [disabled]='true'> <

问题 In the zoomed mode for pinch-zoom the drag doesn't align properly with the mouse pointer. I've detailed the problem here:https://stackblitz.com/edit/angular-t7hwqg I expect the drag to work same way irrespective of the zoom. I saw in version 8 of angular material they have added @Input('cdkDragConstrainPosition') constrainPosition: (point: Point, dragRef: DragRef) => Point, which will solve my problem as in the zoomed mode I can write a custom logic to map the drag properly with pointer, but

问题 In the zoomed mode for pinch-zoom the drag doesn't align properly with the mouse pointer. I've detailed the problem here:https://stackblitz.com/edit/angular-t7hwqg I expect the drag to work same way irrespective of the zoom. I saw in version 8 of angular material they have added @Input('cdkDragConstrainPosition') constrainPosition: (point: Point, dragRef: DragRef) => Point, which will solve my problem as in the zoomed mode I can write a custom logic to map the drag properly with pointer, but

问题 I have a mat-calendar control which is open always. On initial load, I am highlighting an array of dates which was able to do following this: Highlighting certain dates in mat-calendar. Now I have to highlight today's day (or selected date) on a button click. The highlighting works only when I change to different month, and then come back to the current month's view. Is there a way to refresh the mat-calendar dynamically? Please advise. https://am-all-imports-zwnjbd.stackblitz.io 回答1: You can

问题 I have a mat-calendar control which is open always. On initial load, I am highlighting an array of dates which was able to do following this: Highlighting certain dates in mat-calendar. Now I have to highlight today's day (or selected date) on a button click. The highlighting works only when I change to different month, and then come back to the current month's view. Is there a way to refresh the mat-calendar dynamically? Please advise. https://am-all-imports-zwnjbd.stackblitz.io 回答1: You can

来源： https://stackoverflow.com/questions/64278503/highlight-a-particular-week-of-a-particular-month-in-angular-material-datepicker

来源： https://stackoverflow.com/questions/55649263/router-outlet-in-matdialog-is-not-working-in-angular-7

问题 I've noticed that the MatTabNavBar is behaving different from a regular MatTabGroup when it comes to showing the arrows if the container gets too small for the tabs. I used the official documentation to build the MatTabNavBar and MatTabGroup, but you can see here that the MatTabGroup is showing arrows and the MatTabNavBar is not. https://angular-gaio5u.stackblitz.io Template used for MatTabGroup: <mat-tab-group> <mat-tab *ngFor="let tab of tabs" [label]="tab.label" > {{ tab.label }} </mat-tab

问题 I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font. first: npm install --save-dev @fortawesome/fontawesome-free then in styles.scss add: @import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'; and in _variables.scss add: $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; now in app.component.ts add: import { MatIconRegistry } from "

问题 I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font. first: npm install --save-dev @fortawesome/fontawesome-free then in styles.scss add: @import '~@fortawesome/fontawesome-free/scss/fontawesome.scss'; and in _variables.scss add: $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; now in app.component.ts add: import { MatIconRegistry } from "