Javascript 如何使用angular指令创建单击事件？

我对创建AngularJs指令非常陌生，所以下面我已经创建了指令，当用户单击delete按钮时，我正在检查scope、element和attrs的值，但它不会在控制台中打印任何内容。ProcessDTO是控制器中的json数据

如果你知道我在这里遗漏了什么，我已经阅读了指令文档，但是如果有人能把它解释成初学者水平，那就太好了

html

---

名为

autoDelete

的指令正在查找属性

autoDelete

而不是

autoDelete

尝试：

删除

---

还建议使用

ng click

而不是创建自己的事件处理程序名为

autoDelete

的指令正在查找属性

autoDelete

而不是

autoDelete

尝试：

删除

---

还建议使用

ng click

而不是创建您自己的事件处理程序

来解决问题，谢谢，但是对于attr，它应该打印json对象正确吗？我看不到控制器中的对象。不太清楚你在问什么

attr.deleteTags

将是string=

“processDTO”

可能是我应该问我控制器中是否有processDTO对象我如何在指令中访问它我以为我们是通过attr.deleteTags.Great访问的我可以看到打印范围。autoDeleteTags，谢谢解决问题的谢谢，但对于attr，它应该打印json对象，对吗？我看不到控制器中的对象。不太清楚你在问什么

attr.deleteTags

将是string=

“processDTO”

可能是我应该问我控制器中是否有processDTO对象我如何在指令中访问它我以为我们是通过attr.deleteTags.Great访问的我可以看到打印范围。autoDeleteTags，谢谢

<button class="btn btn-danger"
        type="button" autodelete delete-tags="processDTO">Delete</button>

angular.module('App').directive('autoDelete', function () {
    'use strict';
    return{
      restrict:'A',
      scope:{
      autoDeleteTags: '=deleteTags'
      },
      link:function(scope,element,attr){
        $(element).click(function(){
          console.log('Element',element);
          console.log('SCOPE',scope);
          console.log('ATTRS',attr);
        })
      }
  }

});

<button class="btn btn-danger"
        type="button" auto-delete delete-tags="processDTO">Delete</button>