當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

angularjs-指令ng-disable,ng-repeat,ng-checked

發布時間：2025/3/20 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 angularjs-指令ng-disable,ng-repeat,ng-checked 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

#ng-disable?禁用標簽 <!DOCTYPE?html> <html><head><meta?charset="utf-8"?/><title></title><script?src="js/angular.min.js"></script></head><body><div?ng-app="app"?ng-controller="ctrl">同意：<input?type="checkbox"?ng-model="status"?ng-init="status=0"/><br?/><input?type="button"?value="登陸"?ng-disabled="!status"/></ul></div><script?type="text/javascript">?var?m=angular.module('app',[]);m.controller('ctrl',['$scope',function($scope){}]);?</script></body> </html>#ng-repeat?標簽，遍歷對象 <!DOCTYPE?html> <html><head><meta?charset="utf-8"?/><title></title><script?src="js/angular.min.js"></script></head><body><div?ng-app="app"?ng-controller="ctrl"><ul><li?ng-repeat="d?in?odata">my?name?is?`d`.`name`,i?am?`d`.`age`</li></ul></div><script?type="text/javascript">?var?m=angular.module('app',[]);m.controller('ctrl',['$scope',function($scope){$scope.odata=[{'name':'cxiong','age':29},{'name':'xmzhang','age':29}]}]);?</script></body> </html>#ng-repeat?標簽，遍歷數組 <!DOCTYPE?html> <html><head><meta?charset="utf-8"?/><title></title><script?src="js/angular.min.js"></script></head><body><div?ng-app="app"?ng-controller="ctrl"><ul><li?ng-repeat="d?in?odata?track?by?$index">my?name?is?`d`</li></ul></div><script?type="text/javascript">?var?m=angular.module('app',[]);m.controller('ctrl',['$scope',function($scope){$scope.odata=['xmzhang','cxiong','fjwu','cxiong']}]);?</script></body> </html>#ng-checked?實現全選和反選 <!DOCTYPE?html> <html><head><meta?charset="utf-8"?/><title></title><script?src="js/angular.min.js"></script></head><body><div?ng-app="app"?ng-controller="ctrl"><table?border=""?cellspacing=""?cellpadding=""><tr><th><input?type="checkbox"?ng-checked="status"?ng-model="status"/>`status`</th><th><span?>{{status?'取消':'全選'}}</span></th></tr><tr?ng-repeat="d?in?odata?track?by?$index"><td><input?type="checkbox"?ng-checked="status"/></td><td>`d`</td></tr></table></div><script?type="text/javascript">?var?m=angular.module('app',[]);m.controller('ctrl',['$scope',function($scope){$scope.status=true$scope.odata=['xmzhang','cxiong','fjwu','cxiong']}]);?</script></body> </html>

轉載于:https://blog.51cto.com/f1yinsky/1955973

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的angularjs-指令ng-disable,ng-repeat,ng-checked的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： [转]TCP(HTTP)长连接和短连接区
下一篇：自动化测试~报告篇