AngularJs 单击后禁用按钮的指令

Question

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

Answer 1

您可以使用 link 函数来做到这一点

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 单击后禁用按钮的指令

AngularJs directive for disable button after click

angularjs

angularjs-directive