码迷,mamicode.com
首页 > Web开发 > 详细

Angular随手记之html dom

时间:2018-01-11 15:53:36      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:body   ini   type   按钮   check   open   ide   col   可见   

1. ng-disabled

技术分享图片
 <div ng-app="" ng-init="mySwitch=true">

<p>
<button ng-disabled="mySwitch">点我!</button>
</p>

<p>
<input type="checkbox" ng-model="mySwitch">按钮
</p>

<p>
{{ mySwitch }}
</p>

</div> 
View Code

2. ng-show

技术分享图片
<div ng-app="" ng-init="hour=13">
 
<p ng-show="hour > 12">我是可见的。</p>
 
</div>
View Code

3. ng-hide

技术分享图片
 <div ng-app="">

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

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

</div> 
View Code

 

Angular随手记之html dom

标签:body   ini   type   按钮   check   open   ide   col   可见   

原文地址:https://www.cnblogs.com/it-dennis/p/8267427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!