AngularJsリンク関数とJquery操作。コードが動作していないようです

Question

私はリンク機能とjqueryを使用して動作させようとしているディレクティブにログインモーダルを持っていますが、動作しないようです。

• これはこれはこれは、ログインディレクティブ

  angular 
      .module('app') 
      .directive('loginModal', ['$scope', loginModalDirective]); 
  
  
      function loginModalDirective($scope) { 
      return { 
       restrict: 'E', 
       templateUrl: 'template/loginmodal.view.html', 
       link: function(scope, elem, attr) { 
        elem.on('click', function() { 
         jQuery("#loginModal").modal(); 
        }); 
       } 
      }; 
  } 
  

でログインモーダルビューの小型版

<div id="loginModal" class="modal fade" role="dialog"></div> 

あるログインボタン

<button login-modal type="button" class="btn">Sign In</button> 

です

Answer 1

Eという制限があります。これは要素を意味します。あなたの要素はbuttonです。ディレクティブが初期化されていません。

は属性なので、属性にはAを使用してください。また

restrict: 'A' 

（ない問題、単に廃棄物）、あなたは$scopeを使用していないとディレクティブの中に注入する必要はありません。あなたは既にリンク方法でscopeを取得します。