Angular 中的 [hidden] 属性有什么问题？答案

【问题标题】：What's the problem with [hidden] property in Angular?Angular 中的 [hidden] 属性有什么问题？
【发布时间】：2022-01-20 22:55:10
【问题描述】：

我正在使用 Angular 项目，当布尔变量的值为 loading = true 时，我想隐藏一个 div。我一开始就把变量赋值为false，

ngOnInit(): void {
   this.loading = false;
 
}

但是，即使变量为假，也始终显示 div，而不是真

        <div [hidden]="loading" id="loding_div">
       
        {{loading}}
        Loading the div...
                  
        </div>

【问题讨论】：

这能回答你的问题吗？ Angular 5 ngHide ngShow [hidden] not working
不，我也是这样
如果你想隐藏它的值应该是 true
loading === true 时隐藏此 div，false 时隐藏shown。您是否有任何机会将此组件的ChangeDetection 设置为OnPush？如果是这样，可能是您需要手动运行 cd 检查。

【解决方案1】：

你可以[disabled]而不是[hidden]来隐藏div。

<div [disabled]="loading" id="loding_div">
       
        {{loading}}
        Loading the div...
                  
</div>

【讨论】：