angularjs-指令ng-disable,ng-repeat,ng-checked
生活随笔
收集整理的這篇文章主要介紹了
angularjs-指令ng-disable,ng-repeat,ng-checked
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
#ng-disable?禁用標(biāo)簽
<!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?標(biāo)簽，遍歷對(duì)象
<!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?標(biāo)簽，遍歷數(shù)組
<!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><!--報(bào)錯(cuò)：數(shù)組中存在重復(fù)元素，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?實(shí)現(xiàn)全選和反選
<!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>
轉(zhuǎn)載于:https://blog.51cto.com/f1yinsky/1955973
與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的angularjs-指令ng-disable,ng-repeat,ng-checked的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： [转]TCP(HTTP)长连接和短连接区
- 下一篇： 自动化测试~报告篇