Bootstrap Modal Bind Daten mit Angular nicht verbindlich

Question

Hallo ich verwendet folgen Modalpopup Bootstrap Jetzt mit Angular auf der Controllerseite bekomme ich Daten in $scope.tags Variable. Hier möchte ich Daten auf der Webseite mit ng-repeat="vendor in tags" binden.

.HTML

<div id="myModal" class="modal fade" role="dialog"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4 class="modal-title">Tags To Image</h4> 
    </div> 
    <div class="modal-body"> 
     <div style="padding: 20px;" ng-repeat="vendor in tags"> 
      <div class="col-md-4"> 
      <select 
       data-placeholder="Select Type" 
       class="form-control" 
       chosen 
       ng-model="vendor.type" 
       ng-options="item for item in vendorTypes"> 
      </select> 
      </div> 
      <div class="col-md-4"> 
      <select 
       data-placeholder="Select Vendor" 
       class="form-control" 
       chosen 
       ng-model="vendor.vendor" 
       ng-options="item.id as item.business.name for item in vendors"> 
      </select> 
      </div> 
      <div class="col-md-4"> 
      <a class="btn btn-primary" ng-click="item.vendors.splice(item.vendors.indexOf(vendor), 1)"> - </a> 
      </div> 
     <!-- </div> --> 
     </div> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
</div> 

Wenn Klick auf den Button, als ich Ereignis von Modal Popup.

$('#myModal').on('show.bs.modal', function(e) { 
     indaaix = $(e.relatedTarget).context.value; 

     $scope.tags = $scope.tags = [{ 
      type: "Event planner", 
      vendor: "cus_7VTYxJ64KZ6Iaz" 
     }]; 
     console.log($scope.tags); 
     } 
    }); 

Bitte versuchen Sie mir zu helfen, Daten nicht verbindlich auf der Webseite. Wo war ich Fehler bitte hinterlassen Kommentar oder Antwort, damit ich es testen kann. Vielen Dank.

Answer 1

jQuery Event-Handler nicht auslösen Winkel Umfang zu verdauen, so Winkel würden die Änderungen in diesem Handler nicht kennen, sollten Sie explizit Umfang auslösen in Ereignishandler zu verdauen:

$('#myModal').on('show.bs.modal', function(e) { 
    $timeout(function(){ 
     indaaix = $(e.relatedTarget).context.value; 

     $scope.tags = $scope.tags = [{ 
      type: "Event planner", 
      vendor: "cus_7VTYxJ64KZ6Iaz" 
     }]; 
    }) 

}); 

$timeout Service scope.$digest intern

nennen würde