javascript - AngularJS 获取指令属性并作为参数传递到绑定(bind)单击事件中

Question

我是 angularjs 的新手，我想知道如何获取指令属性并将其作为指令的点击事件的参数传递，

这是我的 HTML 指令， <a>标签及其属性是动态创建的。我想要获取并作为参数传递的属性是 id和status

<a href='#' class='article-link' id='"+b.id+"' status='"+articleStatus+"' display-article-div-directive>

这是我的 Angular Directive(指令)

myApp.directive("displayArticleDivDirective", function($parse,$rootScope)   {

        return function($scope, $element, $attrs) {

            var id =  $parse($attrs.id)($scope);
            var status =  $parse($attrs.status)($scope);
            var clickingCallback = function(id,status) {

                console.log('stat: '+status);
                /* status and id is undefined here */
            };
            $element.bind('click', clickingCallback);
        }
    });

我希望您能在这里粘贴一个工作示例，非常感谢，

Answer 1

在指令上使用范围来允许传入数据，而不是解析元素。像这样的事情:

app.directive("displayArticleDivDirective", function() {
  return {
    scope: {
      id: "=",
      status: "="
    },
    link: function(scope, element, attrs) {
      var clickingCallback = function() {
        console.log('stat: ' + scope.status);
        console.log('id: ' + scope.id);
      };
      element.bind('click', clickingCallback);
    }
  };
});

HTML:

<a href='#' class='article-link' id='"+b.id+"' status='"+articleStatus+"' display-article-div-directive>Test </a>

http://plnkr.co/edit/PLBQeQkLelbm9nHnBHIt?p=preview