Angularjs - Modal Popup

Question

Ich versuche mein Modal zu aktivieren, aber es funktioniert nicht. Was mache ich falsch?

.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'); 

    }; 

Ich mag wäre es mit ng-Clik Richtlinie tun Funktion aufrufen, die modal aktiviert. Vielen Dank!

Answer 1

Ich fand eine Lösung. Ich war id = "myModal" fehlt und ich änderte Js

.html

<div class="modal" **id="myModal"**> 
       <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> 

auf diese Datei:

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

    };