Javascript 物料角度表未排序

晚上好,， 我正在从材质角度表中的API渲染数据。数据显示，排序工作正常，但一旦我输入“dataSource.filteredData | slice:10”，我的排序就停止工作。 我只是尝试只动态显示10行

从'@angular/core'导入{Component，OnInit，ViewChild，AfterViewInit}；
从“../nasa api.service”导入{NasaApiService}；
从'@angular/common/http'导入{HttpClient}；
从“@angular/material/table”导入{MatTable}；
从“@angular/material/sort”导入{MatSort}
从“@angular/material/table”导入{MatTableDataSource}；
常数api=https://data.nasa.gov/resource/gh4g-9sfh.json';
@组成部分({
选择器：“应用程序nasa”，
templateUrl:'./nasa.component.html'，
样式URL:['./nasa.component.css']
})
导出类NasaComponent实现OnInit{
数据；
数据源；
displayedColumns:string[]=['name'，'nametype'，'id'，'year'，'recclass']；
@ViewChild（MatSort，{static:false}）sort:MatSort；
建造商（私人nasa:NasaApiService）{
}
恩戈尼尼特（）{
这是。_nasa.getNasaData（）.subscribe（数据=>{
这个数据=数据；
this.dataSource=新MatTableDataSource（this.data）；
this.dataSource.sort=this.sort；
console.log（this.data）；
})
}
ngAfterViewInit（）{
}
}

名称
{{element.name}
名称类型
{{element.nametype}
身份证件
{{element.id}
年
{{element.year}
再课堂
{{element.recclass}
名称
名称类型
身份证件
年
再课堂
{{info.name}
{{info.nametype}
{{info.id}
{{info.year}
{{info.recclass}

我刚刚实现了分页以限制行数