AngularJs

本文详细介绍了AngularJS中三种常用指令的使用方法:ng-disabled用于控制HTML元素的可用性;ng-show用于根据布尔值的计算结果展示或隐藏元素;ng-hide同样用于元素的显示与隐藏控制,但不接受表达式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML DOM元素用法:

ng-disabled 这个指令是: 确定HTML元素是否可用


< div   ng-app= ""   ng-init= "mySwitch=true" > //初始化mySwitch
< p >
< button   ng-disabled= "mySwitch" > 点我! < /button >
< /p >
< p >
< input   type= "checkbox"   ng-model= "mySwitch" > 按钮 //根据checkbox的选择来确定按钮是否可用
< /p >
< p >
{{ mySwitch }}
< /p >
< /div >

ng-show的指令是否让HTML元素 :是否可见 你可以使用表达式来计算布尔值( true 或 false)结果必须是布尔值


<div ng-app="" ng-init="hour=13>

<p ng-show="true">我是可见的。</p>

<p ng-show="false">我是不可见的。</p>

<png-show="hour > 12">我是可见的。</p>

</div>


ng-hide 指令用于:隐藏或显示 HTML 元素。这个指令不能包含表达式和布尔值

<div ng-app="">

<p ng-hide="true">我是不可见的。</p>

<p ng-hide="false">我是可见的。</p>

</div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值