在新版本Angular8中show方法(老版本:ng-show)和hide方法(老版本:ng-hide)是如何使用的

在老版本的Anguler或AngulerJS中我们通常的使用方法是:

 // 当role=x时,把td隐藏
 <td ng-hide="data.role==1">管理员</td>
 // 当role=x时,把td显示
 <td ng-show="data.role==1">管理员</td>
 <td ng-show="data.role==2">普通用户</td>

新版Anguler中show和hide的使用方式发生了变化:

// show方法 --> *ngIf
<td *ngIf="data.role==1">管理员</td>
<td *ngIf="data.role==2">普通用户</td>

// hide方法 --> [hidden]
<td [hidden]="data.role==1">管理员</td>
<td [hidden]="data.role==2">普通用户</td>

// 当然也可以用 != 不等于
<td [hidden]="data.role!=1">管理员</td>
发布了52 篇原创文章 · 获赞 122 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_39390545/article/details/103409640