angular学习的一些小笔记(中)之ng-disabled轻松实现按钮是否可点击状态

哇，这个可以轻松实现输入值就按钮可点击，输入框没有值则不可点击的状态呀

看代码

<!doctype html>
<html ng-app="">
<head><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js"></script>
</head>
<body>
<input type="text" ng-model="someProperty" placeholder="Type to Enable"><button ng-model="button" ng-disabled="!someProperty">A Button</button>
</body>
</html>

so easy~~~这个功能实现的，就是比如像就是提交表单的时候的需求，就是要是你的输入框没有值，那个按钮就disabled状态~~~

更多专业前端知识，请上【猿2048】www.mk2048.com

angular学习的一些小笔记(中)之ng-disabled轻松实现按钮是否可点击状态相关推荐

angular学习的一些小笔记(中)之表单验证
表单验证我去,我感觉我这个人其实还是一个很傻逼的一个人,老是因为拼错了一个单词或者怎么样就浪费我很长时间,这样真的不行不行,要正确对待这个问题,好了,说正题吧,angular也有表单验证minlen ...
训练大规模对比学习的一些小笔记
训练大规模对比学习的一些小笔记 FesianXu 20210815 at Baidu Search Team 前言笔者在公司中会面对数以亿计的用户历史行为数据,用好这些数据是非常关键的.而最近流行的 ...
小程序中confirm-type设置键盘的确认按钮
介绍 confirm-type是很多小程序组件中的一种设置,用于改变输入键盘右下角的确认按钮.比如说,正常情况下,键盘上的默认提示可能是完成,但是你可以通过confirm-type将其设置为发送,搜索 ...
小程序中 input输入框上面定位的元素真机测试点击事件不生效
我在input输入框上定位了一个元素在模拟器上是正常的在真机测试的时候不行先说出最后的解决方法吧虽然是通过定位 absolute 定位到 input输入元素上面的忘记设置它们之间的堆 ...
微信小程序开发（五）：小程序中的事件
在往常的web开发中,"事件"是常用的知识,但是在微信小程序中使用"事件"有很大不同. 一个点击事件的例子使用bind在WXML组件中绑定事件,使用data- ...
微信小程序中引入VR全景图
选择一款合适的vr制作工具 (krpano付费)(pannellum免费) 1.拿到做好的vr图片导入到HTML中(本案例用的pannellum) https://pannellum.org/ 然后让 ...
【深度学习】解决物体检测中的小目标问题
为了提高模型在小物体上的性能,我们建议使用以下技术: 提高图像捕获分辨率提高模型的输入分辨率平铺图像通过扩充生成更多数据自动学习模型锚过滤掉多余的类为什么小目标问题很难? 小物体问题困扰着 ...
Elasticsearch7学习笔记(中)
Elasticsearch是实时全文搜索和分析引擎,提供搜集.分析.存储数据三大功能:是一套开放REST和JAVA API等结构提供高效搜索功能,可扩展的分布式系统.它构建于Apache Lucene ...
学习小笔记---机器学习
看书的时候做点笔记,偶尔翻出来看看才能真正掌握:否则很快就遗忘了(艾宾浩斯遗忘曲线). 1 集成学习集成学习 (ensemble learning)通过构建并结合多个学习器来完成学习任务. 根据个体 ...

angular学习的一些小笔记(中)之ng-disabled轻松实现按钮是否可点击状态

angular学习的一些小笔记(中)之ng-disabled轻松实现按钮是否可点击状态相关推荐

最新文章

热门文章