angularJs-指令

最新推荐文章于 2024-04-24 09:22:16 发布

Charles_pig

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量526

点赞数

分类专栏： angularJs 文章标签： javascript angularjs

本文链接：https://blog.csdn.net/Charles_pig/article/details/73650628

版权

angularJs 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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}}”;

Charles_pig

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJs-指令

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…有什么区
复制链接

扫一扫