angularJs-指令

来源：互联网发布：网络交友的利编辑：程序博客网时间：2024/06/01 09:39

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>