クリック後の無効化ボタンのAngularJsディレクティブ

click.I上のボタンを無効にするためのディレクティブが必要です。属性として使用し、ディレクティブで検出するclickイベントを関数に渡さないようにします。私はイベントを検出した後、私は "data-ng-disabled"を使用して無効にしたい。あなたが私にいくつかの兆候を与えることができれば、私はそれを解決することができます。クリック後の無効化ボタンのAngularJsディレクティブ

出典

2017-10-25 Rubyen

するとあなたはplsはより多くの情報を追加できることをやってリンク機能を使用することができますか？試したコードを投稿することができます。 –

"data-ng-disabled"の使用を無効にする場合は、既にanglejsで提供されている組み込みディレクティブを使用しています。このディレクティブは、スコープ変数にマップされ、ボタンを無効/有効にします。あなたが何をしようとしているのか分かりません。 –

あなたは

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>

出典

2017-10-25 19:31:38 Younux

クリック後の無効化ボタンのAngularJsディレクティブ

答えて

関連する問題