angular-material-6

问题 i have 3 'mat-slider's in a page and i want to have 3 different colors for the sliders. i cant override the theme colors for the page(component) as it will apply to all the sliders. do i have to make 3 different components for the sliders and override theme colors in each? what is the easiest way to achieve this? below are my angular and package versions, Angular CLI: 6.0.8 Node: 8.9.4 OS: win32 x64 Angular: 6.0.6 ... animations, common, compiler, compiler-cli, core, forms ... http, language

问题 I am working on customising the date to the dd-mmm-yyy ie for eg 12-Feb-2019, working using the angular material 6 and this is my code, I have not used a replace function but yet get this error The component file content import { MomentDateAdapter ,MatMomentDateModule } from '@angular/material-moment-adapter'; import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core'; import {MatDatepicker} from '@angular/material/datepicker'; import {default as _rollupMoment,

问题 I have already written an application using Angular 6 and I am adding Angular material into it. Reactive forms approach is used in existing application I have a login module which has below declaration. @NgModule({ imports: [ CommonModule, RouterModule.forChild([ {path:'login',component:LoginComponent} ]), ReactiveFormsModule, HttpClientModule, MatFormFieldModule, MatInputModule ], declarations: [LoginComponent] }) export class LoginModule { } The Login component has below template - login

问题 i am trying angular material data table. As we know filtering happened for each row by default. If i want to filter column specific, then what should i do? Should i have to write method for getting all records, then iterate over it and compare specific column? component.ts ngOnInit() { this.service.getUser().subscribe( results => { if(!results){ return; } console.log(results); this.dataSource = new MatTableDataSource(results); this.dataSource.sort = this.sort; }) onSearchClear(){ this

问题 i am trying angular material data table. As we know filtering happened for each row by default. If i want to filter column specific, then what should i do? Should i have to write method for getting all records, then iterate over it and compare specific column? component.ts ngOnInit() { this.service.getUser().subscribe( results => { if(!results){ return; } console.log(results); this.dataSource = new MatTableDataSource(results); this.dataSource.sort = this.sort; }) onSearchClear(){ this

问题 i am trying angular material data table. As we know filtering happened for each row by default. If i want to filter column specific, then what should i do? Should i have to write method for getting all records, then iterate over it and compare specific column? component.ts ngOnInit() { this.service.getUser().subscribe( results => { if(!results){ return; } console.log(results); this.dataSource = new MatTableDataSource(results); this.dataSource.sort = this.sort; }) onSearchClear(){ this

问题 i am trying angular material data table. As we know filtering happened for each row by default. If i want to filter column specific, then what should i do? Should i have to write method for getting all records, then iterate over it and compare specific column? component.ts ngOnInit() { this.service.getUser().subscribe( results => { if(!results){ return; } console.log(results); this.dataSource = new MatTableDataSource(results); this.dataSource.sort = this.sort; }) onSearchClear(){ this

问题 I have use Angular Material table, i have bind data source from ts file,but all the data is loaded on very first page, pagination is not working.I have two more table, which are on same page,same problem for other tables too. I have tried setTimeout(() => this.dataSource.paginator = this.paginator); and ngAfterViewInit() { this.dataSource.paginator = this.paginator } HTML: <mat-table class="mt-4 table-container" fxFlex="100" [dataSource]="allUsers"> <ng-container matColumnDef="checked"> <mat

来源： https://stackoverflow.com/questions/53376946/how-to-show-options-under-select-angular-material-7

问题 I am using Angular 6.0.8 with Angular Material theme version 6.4.0 Whenever I try to slightly modify the material theme, it never works, as I always find the material theme properties to overwrite my CSS properties as follows: currentColor .mat-input-element (material theme) initial input, textarea, select, button (user agent stylesheet) #1072BA .English #1072BA .English #1072BA body Only the first property is applied (the rest are striked through) I have tried multiple variations to solve