索偿过滤器,带角靴和弹簧靴

时间:2020-05-16 18:27:44

标签: angular spring-boot

我尝试使用我的spring boot rest api(带角度的)来过滤数据,但没有成功,它显示了一个空白屏幕,其余api完全起作用,我使用Swagger UI进行了尝试,并且可以工作。

我的service.ts

  obtenerReclamoPorIDAdmin(num_reclamo: number): Observable<Reclamos>{
  const suffix = '/filtrarReclamoPorID/admin/'
  return this.http.get<Reclamos>(this.URL+suffix+num_reclamo);
  }

我的component.ts

  ngOnInit(){
  this.obtenerReclamos();
  }
  obtenerReclamos() {
  this.reclamosService.obtenerReclamos()
  .subscribe(reclamos => this.reclamos = reclamos); 
  }

responderReclamo(num_reclamo: number){
  this.reclamosService.responderReclamo(num_reclamo)
    .subscribe(_=>this.obtenerReclamos());
}
volver(){
  this.ubicacion.back();
}

buscar(num_reclamo: number){
  this.reclamosService.obtenerReclamoPorIDAdmin(num_reclamo)
    .subscribe(_=> this.obtenerReclamos());
}

这是激活我component.html中的功能的按钮

<form>
    <p>

    <select name="nombre">
        <option value="opcion">Seleccione una opción</option>
        <option value="porNumReclamo">Busqueda N° Reclamo</option>
        <option value="porRut">Busqueda por RUT</option>
    </select>
    <input type="text" name="numeroR" #num_reclamo placeholder="Ingrese N° Reclamo o ...">
    </p>    
</form>
<button class= "botones" mat-raised-button color="primary" style="margin-right: 10px;" 
(click)="buscar(num_reclamo.value)" routerLink="/filtrado-usuario/{{num_reclamo}}">Buscar</button> 

1 个答案:

答案 0 :(得分:0)

按钮上同时具有routerLink和clink处理程序。您的请求有可能被正确触发,但您正在导航到其他组件。在浏览器中检查网络日志,以验证请求是否成功完成。