Angularjs - モーダルポップアップ

Question

モーダルをアクティブにしようとしていますが、動作していません。私は間違って何をしていますか？私はモーダルをアクティブにする関数を呼び出すためにNG-CLIKディレクティブでそれをしたいと思っ

.htmlを

<div class="column is-narrow topIcons"> 
        <div class="photo topIconsHover" ng-click="$ctrl.checked()"> 
         <figure class="image is-128x128"> 
          <img ng-src="{{a.imageSrc}}"> 
         </figure> 
        </div> 
       </div> 
      </div> 

      <div class="modal"> 
       <div class="modal-background"></div> 
       <div class="modal-content" ng-repeat="a in $ctrl.f"> 
        <p class="image is-4by3"> 
         <img ng-src="{{a.imageSrc}}"> 
        </p> 
       </div> 
       <button class="modal-close"></button> 
      </div> 

の.js

vm.checked = function() { 
     console.log("Here!"); 
     $('#myModal').modal('is-active'); 

    }; 

。ありがとう！

Answer 1

解決策が見つかりました。あなたはidを持つ要素を持っていない

vm.checked = function() { 
     console.log("Here!"); 
     $('#myModal').addClass('is-active'); 

    };