0

Ich versuche Objects in ein Modal zu überführen. Ich habe keine Ahnung, wie man ein Argument in ein Modal übergibt. Also habe ich mit dieser bin versucht:Ein Objekt übergeben und dasselbe in ein eckiges Modal zurückholen

vm.viewGroupDetail = function(userDetails) { 

    var scope = $scope.$new(); 
    scope.userDetails = userDetails; 

    vm.modalInstance = $uibModal.open({ 
     animation: true, 
     templateUrl: 'app/views/groups/group_details_modal.html', 
     windowClass: 'd-modal', 
     size: 'lg', 
     scope: scope, 
     resolve: { 
      userDetails: function() { 
       return $scope.userDetails; 
      } 
     } 
    }); 



}; 

Und das ist mein modaler HTML:

<div class="modal-header portlet-title"> 
    <button type="button" class="close" aria-hidden="true" ng-click="$close()">&times;</button> 
    <div class="caption font-dark"> 
     <span class="caption-subject bold uppercase"> Group Detail</span> 
    </div> 
</div> 
<div class="modal-body"> 
    <div class="portlet light accordian-body inner-datatable" id="demo1"> 
      <div class="portlet-body custom-portlet"> 
      <table class="table table-striped table-bordered table-hover"> 
       <thead> 
       <tr> 
        <th>Users </th> 
        <th> Designation </th> 
        <th> User Image </th> 
       </tr> 
       </thead>  
       <tbody> 
       <tr ng-repeat="userdetail in userDetailsList"> 
        <td> {{userdetail.fullName}}</td> 
        <td> {{userdetail.designation}} </td> 
        <td> <div class="user-img-holder">{{userdetail.fullName}}</div></td> 
       </tr> 
       </tbody> 
      </table> 
      </div> 
     </div> 
</div> 
<div class="modal-footer col-center"> 
    <button type="button" class="btn btn-primary" ng-click="$close()">OK</button> 
</div> 

Ich mag das Objekt verwenden, in die ng-repeat Klausel übergeben, so dass ich in einer Datentabelle angezeigt werden kann, innen eine modale Form.

Momentan knipse ich erfolgreich ein modales Formular, kann aber die Objekte nicht abrufen.

Was mache ich falsch?

Antwort

0

Sie benötigen für Ihre modal Controller Namen, https://angular-ui.github.io/bootstrap/#/modal bitte Dokumentation überprüfen

+0

Ich habe es durchlaufen, und ist es zwingend erforderlich, Controller dafür zu haben? Wenn ja, kann ich einen Beispiel-Controller bekommen, wie Objekte übergeben werden? Vielen Dank für die schnelle Antwort, zu schätzen –

+0

http://plnkr.co/edit/?p=preview – Grissom

+0

Entschuldigung, die Plocker Vorschau ist für? –

0

froh, dass ich mit einer Antwort kommen konnte,

Meine modale Funktion wie unten geht,

vm.viewGroupDetail = function(userDetails) { 

    var scope = $scope.$new(); 
    scope.userDetails = userDetails; 
    vm.userDetails=userDetails; 

    vm.modalInstance = $uibModal.open({ 
     animation: true, 
     templateUrl: 'app/views/groups/group_details_modal.html', 
     windowClass: 'd-modal', 
     size: 'lg', 
     scope: scope 

    }); 



}; 

Modal HTML:

<div class="modal-header portlet-title"> 
    <button type="button" class="close" aria-hidden="true" ng- click="$close()">&times;</button> 
    <div class="caption font-dark"> 
    <span class="caption-subject bold uppercase"> Group Detail</span> 
    </div> 
</div> 
<div class="modal-body"> 
<div class="portlet light accordian-body inner-datatable" id="demo1"> 
    <div class="portlet-body custom-portlet"> 
    <table class="table table-striped table-bordered table-hover"> 
     <thead> 
     <tr> 
      <th>Users </th> 
      <th> Designation </th> 
      <th> User Image </th> 
     </tr> 
     </thead>  
     <tbody> 
     <tr ng-repeat="userdetail in vm.userDetails"> 
      <td> {{userdetail.fullName}}</td> 
      <td> {{userdetail.designation}} </td> 
      <td> <div class="user-img-holder"><img ng-src="{{userdetail.userdetail.fullName}}" alt="user Image"></div></td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
</div> 
</div> 
<div class="modal-footer col-center"> 
    <button type="button" class="btn btn-primary" ng-click="$close()">OK</button> 
</div> 

Wo ich war wr Ong? -> meine vm.userDetails war nicht definiert, aber ich habe versucht, das gleiche mit HTML ng-repeat,

dann habe ich es definiert und die gleichen scope.userDetails, Wert zugewiesen.

Ich recherchierte ein wenig, und fand heraus, für was ich erreichen will, brauche ich nicht wirklich Entschlossenheit in uibModal.

So hier ist es, ich fand die Lösung, Danke für jeden, der versucht hat, mein Problem zu lösen. Hoffe diese Antworten Hilft jemandem.