angularJS自定义指令

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(){}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 自定义指令简单介绍及使用 自定义指令无外乎增强了HTML,提供了额外的功能。 内部指令基本能满足我们的需求。 少数...
    念念不忘_必有回想阅读 3,012评论 0 0
  • 使用.directive()方法来注册一个新指令传入两个参数,第一个参数传入一个字符串,作为指令的名字;第二个参数...
    Snowgan_阅读 4,328评论 0 2
  • 下面来看一个非常简单的指令: 一般,比较少的指令,我们直接使用template是可以的,但是当需要用到很多HTML...
    lMadman阅读 1,832评论 0 0
  • 斌大我三岁,我们老家是同一个镇上的。 上世纪九十年代初我读小学三年级时,斌已经是五年级的学生了。斌的文笔好,先后在...
    周大雄0323阅读 3,379评论 0 1
  • 我在想,我们的生活,如果一定要有人为之负责,没有任何人能够一力承之。 我在想,我们的选择,如果也一定要有人为之负责...
    小二不2阅读 2,934评论 0 3

友情链接更多精彩内容