2016-08-08 28 views
0

Ich mache eine Event Scheduler App mit eckigen js. Im Kalender, wenn ich auf das Ereignis klicke, werde ich die Ereignis-ID an das Ende gesendet, um Ereignisdetails zu erhalten. Hier erfahren Sie, wie Sie das Pop-up in meinem Kalender aufrufen, wenn der URL-Status wahr ist.Wie bekomme ich Popup, wenn URL Status Erfolg in eckigen js

Mein Code ist:

$scope.alertOnEventClick = function(date, jsEvent, view){ 
    var event_id=date.id; 
    $http.post("Youin-api/v2/business/event_information",{"event_id":event_id}).then(function(response) { 
    if(response.error="true") 
    { 
     $scope.eventInformation= response; 
    } 
    }); 
    }; 

Mein Bootstrap-Modell Pop-up ist:

<div class="modal fade" id="AddUsers" ng-model="eventInformation" role="dialog"> 
    <div class="modal-dialog " style="top:80px;"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">User Details</h4> 
     </div> 
     <div class="modal-body"> 
      <p><form role="form" ng-submit="AddUsers(addusers)"> 
    <div class="form-group"> 
     <label for="pwd">User Type</label> 
     <input type="text" class="form-control" id="user_type" ng-model="addusers.user_type" value="{{addusers.user_type}}"> 
    </div> 
    <div class="form-group"> 
     <label for="pwd">Created By</label> 
     <input ty{{addusers.user_type}}pe="text" class="form-control" id="created_by" ng-model="addusers.created_by" value=""> 
    </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="submit" class="btn btn-default">Submit</button> 
     </div> 
     </form></p> 
     </div> 
     </div> 
    </div> 
    </div> 

Dank im Voraus .. !!

+0

Sie wollen das Popup angezeigt werden, wenn die '$ http' Anruf beendet ist? –

+0

Wie kann ich es tun? .. wie ich meine Pop-up-ID in eckigen js anrufen? –

Antwort

1

Manuelles Auslösen von modal, um von Javascript zu zeigen. Benutze das.

$('#AddUsers').modal('show') 

Hinweis: Sie haben bootstrap.js und jquery.js hinzufügen diese Funktion zu nutzen.

Sie können die vollständigen Modal-API-Optionen anzeigen here.

+0

danke ... es ist Arbeit für mich ..! Sparen Sie meine Zeit .. !! –

+0

Froh, dass es geholfen hat. und Einbeziehen von jquery ist für den Bootstrap notwendig. es ist nicht nur für die Auswahl der ID. Es wird empfohlen von 'bootstrap.js' –

1

Wo auch immer Sie das modale auf Ihren Zustand basierend öffnen möchten, können Sie erreichen das gleiche mit folgenden:

angular.element(document.getElementById("AddUsers")).modal(); 
+0

danke für Ihre Zeit .. !! viel akzeptierte Antwort .. !! –