Question

我是创建AngularJs指令的新手，所以下面我已创建指令，当用户点击删除按钮时，我正在检查范围，元素和attrs的值是什么，但它不在控制台中打印任何内容。 ProcessDTO是控制器中的json数据。

任何想法我在这里缺少的，我已经阅读了指令文档，但是如果有人可以提出一些亮点并将其解释为初学者级别，那就太棒了。

HTML

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

directive.js

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);
        })
      }
  }

});

Answer 1

名为autoDelete的指令正在寻找属性auto-delete而不是autodelete

尝试：

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

还建议使用ng-click而不是创建自己的事件处理程序

如何使用angular指令创建click事件？

1 个答案: