angularJs里面的指令
我们经常用的指令有:
<1.ng-click/ng-dbclick
<2.ng-mousedown/ng-mouseup
<3.ng-mouseenter/ng-mouseleave
<4.ng-keydown/ng-keyup/ng-keypress
<5.ng-focus/ng-blur
<6.ng-submit
那么和javascript里面的onclick…有什么区别:
区别:angularJs里面提供的指令里面可以直接写表达式和数据,而javascript则不支持此功能;
只要有javascript基础的人对angularJs里面提供指令都能非常容易的去理解并且能够熟练的去应用,在这里就不过多的赘述;
下面我主要对开发中可能遇到的指令简单的介绍下:
<1.ng-disabled
<2.ng-readonly
<3.ng-checked
因为3个实现方式基本一样,我们以ng-disabled举例
<!DOCTYPE html>
<html ng-app = "myApp">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box" ng-controller = "myCtrl">
<input type="button" value="{{_text}}" ng-disabled = "flag" />
</div>
</body>
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script src="angular-ui-router.min.js"></script>
<script type="text/javascript">
var myApp = angular.module("myApp",[]);
myApp.controller("myCtrl",["$scope","$interval",function($scope,$interval){
$scope.flag = true ;
var num = 5 ;
$scope._text = num+"秒";
var timer = $interval(function(){
num-- ;
$scope._text = num+"秒";
if (num == -1) {
$interval.cancel(timer);
$scope._text = "按钮";
$scope.flag = false ;
}
},1000);
}])
</script>
</html>
论ng-value 与 原生js里面value的区别:
在加载过程中,angular的加载顺序是依次加载,在没有加载到js的时候,y页面可能会出现{{_text}},严重影响用户体验,所以,建议用ng-value=“_text”取代value = “{{_text}}”;