angular - 隐藏在 Angular 2 版本 6 中不起作用

Question

我有一个带有 [hidden] 属性的 div，但它似乎不起作用。理想情况下，当cartItems数组为空时，我希望 div 不显示，但这不起作用。作为旁注，我也在使用引导程序。

我的代码：

<div [hidden]="cartItems.length < 1">
    <h4 class="padding-nine">Define Extent</h4>
        <div class="border-five">
          <app-esri-map 
             id="cartMap"
             basemap="cartMap.mapOptions"
             center="cartMap.mapOptions"
             zoom="cartMap.mapOptions"
             height="300px"
             width="100%">
          </app-esri-map>
       </div>
 </div>

div 中的项目根本不会隐藏。并且没有错误。

标签： angular

Answer 1

所以环顾四周，我发现我需要在 .scss 文件中定义隐藏属性，所以我一直添加到最后：

[hidden] {
    display: none !important;
}