angularjs-指令ng-disable,ng-repeat,ng-checked
生活随笔
收集整理的這篇文章主要介紹了
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><!--報錯：數組中存在重復元素，track?by?$index--><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)长连接和短连接区
- 下一篇： 自动化测试~报告篇