在Angular 2+中，ngShow和ngHide的等价物是什么?

我有一些元素，我想在某些条件下是可见的。

用AngularJS写

<div ng-show="myVar">stuff</div>

如何在Angular 2+中做到这一点?

当前回答

如果你正在使用Bootstrap是这样简单:

<div [class.hidden]="myBooleanValue"></div>

其他回答

<div [hidden]="flagValue">
---content---
</div>

[隐藏]= " yourVariable " 或 [style.display] = " ! isShow ?'block': 'none'"

对我来说，[隐藏]=!瓦尔从来没有成功过。

因此，<div *ngIf="expression" style="display:none;" >

<div *ngIf="expression">总是给出正确的结果。

<div [hidden]="myExpression">

myExpression可以设置为true或false

你有两个选择:

第一个选项

[style.display]="!isShow ? 'block' : 'none'"

第二个选项

myvariable可以是布尔值

[hidden]="!myVarible"

推荐文章