javascript - 通过 Angular 自定义指令传递数据

Question

我在 Angular 中创建了一个自定义指令。我想使用范围通过指令传递父数据，但当我记录范围和scope.questionId时，我得到“未定义”。

HTML

<a class="waves-effect waves-light btn" my-directive="" on-flag="someFunction" question-id="question">Flag</a>

Angular Directive(指令)

angular.module('myApp').directive('myDirective', function($http) {
  return {
    restrict: 'A',
    scope: {
      onFlag: '&onFlag',
      questionId: '='
    },
    link: function(scope, element, attrs) {
      element.click(function() {
        console.log(scope);
        console.log(scope.questionId);
        return;
      });
    }
  };
});

Answer 1

试试这个

elem.bind:- 它使用 JQLite，这是 JQuery 的精简版本。在这里，我们编写代码来处理指令上执行的单击事件。它与 JQuery $("class or id").click() 相同。 (我希望这已经足够解释了)

angular.module('myApp').directive('myDirective', function($http) {
  return {
    restrict: 'A',
    scope: {
      onFlag: '&onFlag',
      questionId: '='
    },
    link: function(scope, elem, attrs) {
     		elem.bind('click', function() {
        	console.log(scope.questionId);
      });
    }
  };
});