AngularJS ng-hide 指令

AngularJS 教程 · 2019-04-01 17:19:46

AngularJS 实例

在复选框选中时隐藏一部分：

隐藏 HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

定义和用法

ng-hide 指令在表达式为 true 时隐藏 HTML 元素。

ng-hide 是 AngularJS 的预定义类，设置元素的 display 为 none。

语法

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

作为 CSS 类使用:

<element class="ng-hide"></element>

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

参数值

值	描述
expression	表达式如果返回 true 则隐藏元素。

点击查看所有 AngularJS 教程文章: https://www.codercto.com/courses/l/36.html

查看所有标签

码农书籍

网页艺术设计

彭钢 / 高等教育出版社 / 2006-9 / 39.00元

《网页艺术设计》将软件技术与艺术理论进行整合，注重知识性与研究性、实践性与理论性、系统性与逻辑性，全面介绍网页艺术设计的基础知识与基本实践技能，既培养学习者的网页技术应用能力，又培养学习者的艺术审美、艺术创新和研究性学习能力，使学习者在有效的课时内学习和掌握网页艺术设计的理论与实践。《网页艺术设计》的特点是具有完整的知识结构、合理的教学设计以及立体化的教学资源。教材共分为8章，包括网页艺术......一起来看看《网页艺术设计》这本书的介绍吧!

码农工具