AngularJS基础 ng-if 指令用法

网络编程 发布日期：2024/10/3 浏览次数：1

正在浏览：AngularJS基础 ng-if 指令用法

AngularJS ng-if 指令

AngularJS 实例

取消选中，并移除内容:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">


定义和用法




ng-if 指令用于在表达式为 false 时移除 HTML 元素。




如果 if 语句执行的结果为 true，会添加移除元素，并显示。




ng-if 指令不同于 ng-hide， ng-hide 隐藏元素，而 ng-if 是从 DOM 中移除元素。




语法




<element ng-if="expression"></element>




所有的 HTML 元素都支持该指令。




参数值


 

  
    
      值
      描述
    
    
      expression
      如果表达式返回 false 则会移除整个元素，如果为 true，则会添加元素。
    
  




 以上就是对AngularJS基础知识的整理，后续继续补充，谢谢大家的支持。
上一篇：jQuery实现的表头固定效果实例【附完整demo源码下载】
下一篇：AngularJS控制器之间的数据共享及通信详解

一句话新闻

高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。