代码之家 › 专栏 › 技术社区 › Illep

显示隐藏成功失败警报

angular

Illep · 技术社区 · 6 年前

Angular 5 Alert 基于如下所示执行的代码块。

showerror

 ...
.subscribe(data =>{
        this.showerror = false
    },
      error =>{
        this.showerror = true
      }
    );

我的HTML看起来是这样的:我只想根据上面输出的结果显示以下成功/失败代码块之一 TS

<div class="alert alert-success" role="alert" [hidden]="{{showerror}}">
  success !! you did it
</div>
<div class="alert alert-danger" role="alert" [hidden]="{{showerror}}">
  Fail!!!
</div>

3 回复 | 直到 6 年前

anas husain 6 年前

 <div class="alert alert-success" role="alert" [hidden]="!showerror">
    success !! you did it
  </div>

<div class="alert alert-danger" role="alert" [hidden]="showerror">
  Fail!!!
</div>

Sajeetharan 6 年前

删除注释 {{}}

<div class="alert alert-success" role="alert" [hidden]="showerror">

Atul Kr Dey 6 年前

您可以尝试自定义 $mdDialog

 ...
.subscribe(data =>{
        alert = $mdDialog.alert()
                  .title('success !! you did it')
                  .ok('Close');
                  $mdDialog.show(alert).finally(function() {
                      alert = undefined;
                    });;
    },
      error =>{
        alert = $mdDialog.alert()
                  .title('Fail!!!')
                  .ok('Close');
                  $mdDialog.show(alert).finally(function() {
                      alert = undefined;
                    });;
      }
    );

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前