Question

我需要一个指令来禁用click上的按钮。我想成为一个属性，并且在指令中检测的click事件不会在函数上传递它。在我检测到我想要禁用“data-ng-disabled”的事件后。我有点卡住，如果你能给我一些指示，我该如何解决呢。

Answer 1

您可以使用链接功能执行此操作

angular.module("myApp", [])
  .directive('disableOnClick', function() {
    function link(scope, element, attrs) {
      scope.isDesabled = false;
      element.bind('click', () => {
        element[0].disabled = true;
      });
    }

    return {
      restrict: 'A',
      link: link
    };
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html>

<head>
  <script src="script.js"></script>
</head>

<body ng-app="myApp">
  <button disable-on-click>Click to disable me</button>
</body>

</html>

单击后禁用按钮的AngularJs指令

1 个答案: