通過Angular自定義指令傳遞數據

Question

我在angular中創建了一個自定義指令。 我想通過使用scope的指令傳遞父數據，但是當我登錄scope和scope.questionId時卻得到“未定義”。

HTML

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

角度指令

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的精簡版本。 在這里，我們正在編寫代碼來處理在指令上執行的click事件。 就像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); }); } }; });