美文网首页
angularJS自定义指令

angularJS自定义指令

作者: _花 | 来源:发表于2017-12-21 16:10 被阅读0次

1.指令内容

myApp.directive('ngKeydown', function() {
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
             // this next line will convert the string
             // function name into an actual function
             var functionToCall = scope.$eval(attrs.ngKeydown);
             //console.log(attrs.ngKeydown)
             elem.on('keydown', function(e){
                  functionToCall(e);
             });
        }
    };
});

2.指令的使用

 ng-keydown="keyUpNumber"
//$scope.keyUpNumber = function(){}

相关文章

  • AngularJS 指令

    AngularJS 指令 背景 什么是AngularJS指令? 一、内置指令 二、自定义 概念 模块对象app,提...

  • 15. Angular的内置指令(过滤器)

    AngularJS中自定义指令处理 以ng开头的指令都是内置指令。 内置指令是AngularJS已经处理,使用内置...

  • AngularJS 笔记

    自定义指令 scope 的属性参数 & 自定义指令中的 Link 属性 jQLite 对象 AngularJS 中...

  • Angular--自定义指令

    创建自定义的指令 除了 AngularJS 内置的指令外,我们还可以创建自定义指令。 你可以使用.directiv...

  • 理解angularjs之自定义指令

    理解angularjs之自定义指令尽管angularjs目前受关注程度远远低于Vuejs与reactjs,但对...

  • 如何理解ANGULAR自定义指令DIRECTIVE的SCOPE属

    1.背景介绍 在AngularJS中,除了内置指令如ng-click等,我们还可以自定义指令。自定义指令,是为了扩...

  • angular中的自定义指令

    除了 AngularJS 内置的指令外,我们还可以创建自定义指令。 你可以使用.directive函数来添加自定义...

  • Vue.js与其他框架的区别

    1.与AngularJS的区别 相同点: 都支持指令:内置指令和自定义指令。 都支持过滤器:内置过滤器和自定义过滤...

  • Vue与Angular以及React的区别?

    1、与AngularJS的区别 相同点:都支持指令:内置指令和自定义指令;都支持过滤器:内置过滤器和自定义过滤器;...

  • AngularJS —— 创建自定义的指令

    除了 AngularJS 内置的指令外,我们还可以创建自定义指令。你可以使用 .directive 函数来添加自定...

网友评论

      本文标题:angularJS自定义指令

      本文链接:https://www.haomeiwen.com/subject/aaeawxtx.html