angular-material

问题 here i have a issue while working with angular paginator . here i am getting data like below Response One: { "Tabledata": [ { "firstName":"Samuel", "lastName":"Smith" }, { "firstName":"Sanu", "lastName":"Smith" } ], "paging": { "RecordsCount": 2, "token": "JhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9" } } Response Two: I am getting total records count as 50 { 'RecordsCount' : 50 } Now in the initial call the i am calling api and the api format is below Initial Call http://some api.com/data?searchParams

问题 here i have a issue while working with angular paginator . here i am getting data like below Response One: { "Tabledata": [ { "firstName":"Samuel", "lastName":"Smith" }, { "firstName":"Sanu", "lastName":"Smith" } ], "paging": { "RecordsCount": 2, "token": "JhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9" } } Response Two: I am getting total records count as 50 { 'RecordsCount' : 50 } Now in the initial call the i am calling api and the api format is below Initial Call http://some api.com/data?searchParams

问题 I am working on mat-stepper with usage of flex-layout. Every step contains and icon and a paragraph to make it responsible and more readable I want to hide paragraph on smaller screens and leave only icon. Per my understanding fxHide.lt-sm should hide element if the resolution is lower than small but unfortunately nothing happens and it looks like this: Image of stepper (Galaxy S5 size) Here is the code: <mat-horizontal-stepper> <mat-step> <ng-template matStepLabel> <ul> <li> <mat-icon>format

问题 I am working on mat-stepper with usage of flex-layout. Every step contains and icon and a paragraph to make it responsible and more readable I want to hide paragraph on smaller screens and leave only icon. Per my understanding fxHide.lt-sm should hide element if the resolution is lower than small but unfortunately nothing happens and it looks like this: Image of stepper (Galaxy S5 size) Here is the code: <mat-horizontal-stepper> <mat-step> <ng-template matStepLabel> <ul> <li> <mat-icon>format

问题 I am new to angular and using the Angular material Nested menu the code is pretty simple like this <mat-menu #animals="matMenu"> <button mat-menu-item [matMenuTriggerFor]="vertebrates">Vertebrates</button> <button mat-menu-item [matMenuTriggerFor]="invertebrates">Invertebrates</button> </mat-menu> <mat-menu #vertebrates="matMenu"> <button mat-menu-item [matMenuTriggerFor]="fish">Fishes</button> </mat-menu> <mat-menu #invertebrates="matMenu"> <button mat-menu-item>Insects</button> </mat-menu>

问题 Is there method to Add Material Icon (Checkbox) Without Creating Another component in snackbar. Maybe through PanelClass or API style parameter? We have 100s of different snackbars with simple text. Trying to refrain from creating 100 additional components if possible. Need material checkbox (or any mat icon) in the left-align side of message. How to add Icon inside the Angular material Snackbar in Angular 5 let snackBarMessage = `${this.products?.length} Successfully Added`; this.snackBar

问题 I use Angular Material (MatTable, MatPaginator). when i log in to my application and my component view is loaded, i get the following error in my browser debugger: ERROR TypeError: "_this._paginator is undefined; can't access its "pageIndex" property" ExampleDataSource http://localhost:4200/main.js:1446 __tryOrUnsub http://localhost:4200/vendor.js:160732 next http://localhost:4200/vendor.js:160670 _next http://localhost:4200/vendor.js:160603 next http://localhost:4200/vendor.js:160578

问题 I'm using angular material with nested dropdowns. The dropdown values nested with parent and child basis. I'm facing two issues. Auto suggestion is not working. If I type parent name or its associated child name, have to filter and show the particular parent view with expand mode. If i expand first parent and trying to expand the second parent, the first parent view should close automatically while expanding the second one. Please find the stackblitz link https://stackblitz.com/edit/angular

问题 I'm using angular material with nested dropdowns. The dropdown values nested with parent and child basis. I'm facing two issues. Auto suggestion is not working. If I type parent name or its associated child name, have to filter and show the particular parent view with expand mode. If i expand first parent and trying to expand the second parent, the first parent view should close automatically while expanding the second one. Please find the stackblitz link https://stackblitz.com/edit/angular

问题 I am trying to get my material dialog to have an X button at the top right, but I am having problems with the positioning. component.ts this.d.open(loginComponent, { width: '300px', height: '', panelClass: 'dialogC', }); component.html <mat-dialog-content> <button mat-button class="close-icon" [mat-dialog-close]="true"> <mat-icon>close</mat-icon> </button> <h2 mat-dialog-title>Login</h2> style.scss .dialogC { position: relative !important; } .close-icon { position: absolute; top: 0; right: 0;