0

Ich habe versucht, das Modal erscheinen zu lassen, habe es aber nach mehreren Versuchen nicht geschafft. HierWie öffnet man ein Modal mit eckigen (ohne UI Bootstrap)?

ist der Code für die Modal:

<!-- Login modal --> 
<div class="modal fade" id="login_2" tabindex="-1" role="dialog" aria-labelledby="myLogin" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content modal-popup"> 
       <a href="#" class="close-link"><i class="icon_close_alt2"></i></a> 
       <form action="#" class="popup-form" id="myLogin"> 
        <div class="login_icon"><i class="icon_lock_alt"></i></div> 
        <input type="text" class="form-control form-white" placeholder="Username"> 
        <input type="text" class="form-control form-white" placeholder="Password"> 
        <div class="text-left"> 
         <a href="#">Forgot Password?</a> 
        </div> 
        <button type="submit" class="btn btn-submit">Submit</button> 
       </form> 
      </div> 
     </div> 
    </div><!-- End modal --> 

Was ich tun möchte, ist diese modal automatisch zu laden, wenn eine bestimmte Variable in $stateParams in der Steuerung eingestellt wird. Ansonsten sollte es versteckt bleiben. Ich habe versucht angular.element('login_2').modal() ohne Erfolg

Antwort

0

Schalten Sie einfach so.

$('#login_2').modal('show'); 
0

Verwenden Sie ng-showlink to documentation.

Sie können so etwas wie machen:

<div class="modal fade" ng-show="showMyModal" ... 

Und eine Checkbox es zum Steuern (aber man kann nichts tun)

<input type="checkbox" ng-model="showMyModal"> 

Denken Sie daran, dass Sie ngShow mit ngAnimate animieren können.

0

Wenn Sie für die Verwendung einer vorhandenen Bibliothek (das ist kein Bootstrap) öffnen, empfehle ich ngDialog. Sie können benutzerdefinierte HTML-Vorlagen und -Stile verwenden und nur zum Erstellen von Modals.

Verwandte Themen