Angular中消息服务无法在弹窗内显示请求错误信息的问题
Angular消息服务弹窗内无法显示HTTP请求错误问题
我在Angular项目中使用消息服务展示信息时遇到异常:该服务通过以下代码根据HTTP状态码注册错误类型:
if(msg.status>=400 && msg.status<500){ return this.message.registerWarning(msg['error']['message']) }else if (msg.status>=500){ this.message.registerError("Errore generico, contattare amministratore di sistema") }else{ this.message.registerError(msg['error']['message']) }
当<app-message>组件放在弹窗外部顶部时,所有信息均可正常显示(图示:消息提示正常出现在弹窗上方区域),对应代码如下:
<app-message *ngIf="msgpopp"></app-message> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content" *ngIf="idSSID && charge==false && !msgpass; else elseContent"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Cambio Password: {{idSSID}}</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" (click)="msgpopp=false; msgpop=true"></button> </div> <div class="modal-body"> <label for="newPass" class="form-label">Inserisci Nuova Password</label> <div class="input-group mb-3"> <input [type]="shopwd" class="form-control col-md-6" id="newPass" #newPass> <span class="input-group-text custom-shadow" id="basic-addon2" (click)="showpwd()"><i class="bi bi-eye"></i></span> </div> <label for="confirmPass" class="form-label">Conferma Password</label> <div class="input-group mb-3"> <input [type]="shopwd" class="form-control" id="confirmPass" #confirmPass> <span class="input-group-text custom-shadow" id="basic-addon2" (click)="showpwd()"><i class="bi bi-eye"></i></span> </div> </div>
但将组件移至弹窗内部后,“密码不正确”“密码需至少8位”等表单验证信息可正常显示,请求相关的错误信息却无法显示(图示:弹窗内仅显示表单验证错误提示,HTTP请求返回的错误未出现),对应代码如下:
<div class="modal-body"> <app-message *ngIf="msgpopp"></app-message> <label for="newPass" class="form-label">Inserisci Nuova Password</label> <div class="input-group mb-3">
内容的提问来源于stack exchange,提问作者Edoardo
相关产品推荐
相关产品推荐

