Angular ng-show =“false”无效

Question

首先，我已经搜索了这个主题。有很多问题的答案，但没有一个解决我的问题。所以，请善待 不要 将此问题标记为重复。

我正在尝试在我的混合应用程序上显示和隐藏 ion-item 。我正在进行的测试仅在html端完成。

.portfolio {
    text-align: center;
}

我将离子项ng-show设置为“false”，这对于像W3Schools那样的编辑工作正常。但在这里根本不起作用。我该怎么办？

我的版本： 离子：3.5.0 科尔多瓦：7.0.1 Angular：1.6.5

Answer 1

你可以使用ng-show

的[hidden] intead

<ion-item [hidden]="false">

检查hidden

Answer 2

您可以使用*ngIf。

<ion-item *ngIf="false">

或者您可以使用hidden作为@abd Elrahman Telb回答。

<ion-item [hidden]="false">

如果条件满足false，则*ngIf完全删除DOM中的内容。在[hidden]的位置（你观察[]意味着角度与属性的单向绑定）意味着如果条件满足为html属性，则将添加隐藏属性。

希望有所帮助：）

Answer 3

我意识到这是一篇旧帖子，但我正在使用的平台仍然主要运行 AngularJS V1，我将添加它以防其他人偶然发现它。

我有一个基于条件检查的变量赋值，虽然变量的计算结果为 false，但 ngShow 继续显示该元素。因此，由于 ngShow/ngHide 指令被评估为 truthy/falsy，切换到严格解释解决了我的问题：D。

例如：

不工作： <ng-show="varIsFalse"> 工作： <ng-show="varIsFalse === true">