angular学习的一些小笔记(中)之ng-disabled轻松实现按钮是否可点击状态
生活随笔
收集整理的這篇文章主要介紹了
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轻松实现按钮是否可点击状态的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: bootbox.js
- 下一篇: angular学习的一些小笔记(中)之表