AngularJS - 将函数传递给指令

AngularJS是一个强大的JavaScript框架，用于构建Web应用程序。其中一个重要的功能是将函数传递给指令，这使开发者能够更灵活地控制和定制应用程序的行为。本文将介绍如何在AngularJS中将函数传递给指令，并提供一个案例代码来演示其用法。

javascript
// 在指令定义中将函数传递给指令
app.directive('myDirective', function() {
  return {
    scope: {
      myFunction: '='
    },
    link: function(scope, element, attrs) {
      // 在元素上执行函数
      scope.myFunction();
    }
  };
});
// 在HTML中使用指令并传递函数

javascript
// 在指令定义中将函数传递给指令
app.directive('myButton', function() {
  return {
    scope: {
      clickHandler: '='
    },
    template: 'Click Me'
  };
});
// 在控制器中定义处理按钮点击事件的函数
app.controller('myController', function($scope) {
  $scope.handleClick = function() {
    console.log('Button Clicked!');
  };
});
// 在HTML中使用指令并传递函数