Question

我已经使用我的按钮附加了一个指令，并希望得到按钮名称，但指令不起作用。我是棱角分明的新人，因此无法捕捉到问题所在。请看我的代码告诉我原因。

var app = angular.module("myApp", []);

app.directive('busybox',function(){
     return function(scope, element, attrs){
          element.click(function(){
               //element.parent().find('.main').append('<div>Some text</div>')
               alert('hello');
           })
      }
})

jsfiddle https://jsfiddle.net/tridip/4o1zkbj1/1/

Answer 1

你的指令代码不正确，它必须返回对象。

 return  {
    restrict: 'A',
    link: function(scope, element, attrs) {
      element.on('click', function(){
        alert('clicked');
        });           
      }
    }

另外。将您的指令名称更正为busyBox（驼峰案例）并使用element.on('click', function(\\

工作Fiddle

AngularJS：按钮单击并从指令功能获取按钮ID名称

1 个答案: