You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.03 00:51:20