Angular 如何使用API中的数据实现ng引导表排序、搜索筛选和分页

我正在实现一个事务表，其中填充了来自我自己创建的API的数据，我想使它可排序、可过滤和分页。我正在尝试使用ng bootstrap，我看到了文档，但我就是不能让它工作，在完整的示例中，他们使用静态数据数组

我试图调整我在文档页面中看到的内容： 但我无法让它工作

//TS

从'@angular/core'导入{Component，OnInit}；
从“ngx微调器”导入{NgxSpinnerService}；
从“../transactions.service”导入{TransactionService}；
从“src/assets/models”导入{事务、职业、教员、角色类型}；
从“../register.service”导入{RegisterService}；
从“../alert.service”导入{AlertService}；
@组成部分({
选择器：“应用程序管理员”，
templateUrl:“./admin.component.html”，
样式URL:['./admin.component.scss']
})
导出类AdminComponent实现OnInit{
内容：交易；
分析=假；
统一学院：学院；
独角兽：职业；
uniUsers:RoleType；
建造师(
专用modalService:NgbModal，
私人微调器：NgxSpinnerService，
私人警报服务：警报服务，
私有transactionService:transactionService
) { }
恩戈尼尼特（）{
this.spinner.show（）；
this.transactionService.getAllTransactions（）文件
.订阅（res=>{
this.content=res；
console.log（this.content）；//测试所有事务对象
});
this.spinner.hide（）；
}
}

//HTML

横贯
跨大西洋国际机场
乌萨里奥身份证
蒂波
德国福查
描述
蒙托
{{row.trx_ID}
{{row.user_ID}
{{row.trx_type}
{{row.date}日期：'long'}
{{row.description}}
{{row.amount | currency}}

代码当前工作正常，但没有我想要的任何功能（排序、搜索、筛选、分页）。代码当前工作正常，但没有我想要的任何功能（排序、搜索、筛选、分页）。