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

_陈哈哈 发表于 2022/01/23 00:05:16 2022/01/23
【摘要】 在老版本的Anguler或AngulerJS中我们通常的使用方法是: // 当role=x时,把td隐藏 <td ng-hide="data.role==1">管理员</td> // 当role=x时,把td显示 <td ng-show="data.role==1">管理员</td> ...

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


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

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


  
  1. // show方法 --> *ngIf
  2. <td *ngIf="data.role==1">管理员</td>
  3. <td *ngIf="data.role==2">普通用户</td>
  4. // hide方法 --> [hidden]
  5. <td [hidden]="data.role==1">管理员</td>
  6. <td [hidden]="data.role==2">普通用户</td>
  7. // 当然也可以用 != 不等于
  8. <td [hidden]="data.role!=1">管理员</td>

 

文章来源: chensj.blog.csdn.net,作者:_陈哈哈,版权归原作者所有,如需转载,请联系作者。

原文链接:chensj.blog.csdn.net/article/details/103409640

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。