如何从 Angular 的 API 响应中仅检索相似的对象？

发布于 2025-01-09 02:47:38 字数 1544 浏览 1 评论 0原文

我想要的是我有一个带有端点 api/v1/bank/search 的 POST API，这给了我保存在 MongoDB 中的所有银行。

这是我在java spring中的后端bankController代码

@PostMapping("/search")
  @ResponseBody
  public ResponseEntity<Wrapper<List<BankDTO>>> searchBanks(@RequestBody BankSearchDTO bankSearchDTO) {
    log.info("Post Mapping Search Bank");
    return ResponseEntity.ok(Wrapper.wrap(bankService.searchBanks(bankSearchDTO)));
  }

这是spring中的BankService

  // Returning all the existing banks
  public List<BankDTO> searchBanks(BankSearchDTO bankSearchDTO) {
    log.info("Searching Bank");
    return bankRepository.findAll().stream().map(bankTranslator::toDTO).collect(Collectors.toList());
  }

现在我想要的是我的前端是有角度的，当我以角度调用此 API 前端 service.ts 文件，事情是它会加载 UI 中的所有银行，因此将来 UI 上会有更多负载

public getSearchBank(
   
    address : string,
  city : string,
   
    bankId: string,
    bankName: string,
    branch: string,
    ifscCode: string,
     passBookNo : string
    ){
const postData : Create = {
  ifscCode: ifscCode,
  address: '',
  city : '',
  bankId: '',
  bankName: '',
  branch: '',
  passBookNo: ''
}
{
return this.http.post('http://localhost:9900/api/v1/bank/search',postData)
.subscribe((responseData)=>
{

  console.log(responseData);
}

那么有没有就像我只能找到与我匹配的银行IFSCCode 或类似的东西有什么方法可以让我在调用此帖子 API 时过滤响应。

通过使用参数或其他东西，顺便说一句，我无法更改 API 端点。< /em>

原文

The thing I want is that I have an POST API with end point api/v1/bank/search this gives me all the banks which are saved in my MongoDB.

This is my bankController code of backend its in java spring

@PostMapping("/search")
  @ResponseBody
  public ResponseEntity<Wrapper<List<BankDTO>>> searchBanks(@RequestBody BankSearchDTO bankSearchDTO) {
    log.info("Post Mapping Search Bank");
    return ResponseEntity.ok(Wrapper.wrap(bankService.searchBanks(bankSearchDTO)));
  }

This is th BankService in spring

  // Returning all the existing banks
  public List<BankDTO> searchBanks(BankSearchDTO bankSearchDTO) {
    log.info("Searching Bank");
    return bankRepository.findAll().stream().map(bankTranslator::toDTO).collect(Collectors.toList());
  }

Now the thing I want is that I have my front end in angular and when I am calling this API front service.ts file in angular the thing is that It loads all the banks in the UI due to which in future there will be more load on UI

public getSearchBank(
   
    address : string,
  city : string,
   
    bankId: string,
    bankName: string,
    branch: string,
    ifscCode: string,
     passBookNo : string
    ){
const postData : Create = {
  ifscCode: ifscCode,
  address: '',
  city : '',
  bankId: '',
  bankName: '',
  branch: '',
  passBookNo: ''
}
{
return this.http.post('http://localhost:9900/api/v1/bank/search',postData)
.subscribe((responseData)=>
{

  console.log(responseData);
}

So Is there any way Like I can get only the bank which matches my IFSCCode or like is there any way I can filter the response while calling this post API.

By using parameters or something btw I cannot change the API endpoint .

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

-黛色若梦 2025-01-16 02:47:38

您需要 rxjs 库及其管道运算符来过滤流。

return this.http.post('http://localhost:9900/api/v1/bank/search',postData).pipe(filter(data => data.IFSCode === 12))
.subscribe((responseData)=>
{

  console.log(responseData);
}

You need rxjs library and their pipe operators to filter the stream.

return this.http.post('http://localhost:9900/api/v1/bank/search',postData).pipe(filter(data => data.IFSCode === 12))
.subscribe((responseData)=>
{

  console.log(responseData);
}

回复收藏 0 原文

~没有更多了~