AngularJS:按钮单击并从指示功能获取按钮ID名称

Question

我已经连接了一个带有按钮的指令，并且想要获取按钮名称，但指令不起作用。我是Angular的新手，因此无法捕捉问题所在的位置。请参阅我的代码并告诉我原因。

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(\

工作小提琴