我尝试使用我的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>
答案 0 :(得分:0)
按钮上同时具有routerLink和clink处理程序。您的请求有可能被正确触发,但您正在导航到其他组件。在浏览器中检查网络日志,以验证请求是否成功完成。