要在Angular 6的MatPaginator中显示mat-option,并设置下一页按钮和返回按钮的样式,你可以按照以下步骤进行操作:
确保你已经正确导入了MatPaginatorModule和MatSelectModule。
在HTML模板中,使用mat-paginator指令来显示分页按钮和下一页按钮。你可以根据需要自定义按钮的样式,比如使用自定义CSS类来设置按钮的样式。
import { MatPaginator } from '@angular/material/paginator';
import { ViewChild } from '@angular/core';
export class YourComponent {
@ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;
ngAfterViewInit() {
this.dataSource.paginator = this.paginator;
}
}
{{ option.viewValue }}
确保通过ngFor循环正确填充options数组,并将选定的值绑定到selectedValue变量上。
这些步骤应该能够解决Angular 6的MatPaginator中mat-option不显示和设置按钮样式的问题。确保你的代码中正确导入了MatPaginatorModule和MatSelectModule,以及正确使用mat-select和mat-option。