Привязать данные к модальным

Question

Я пытаюсь передать некоторые данные с функцией для отображения на модальном, но обычные подходы к привязке не работают, я надеялся, что кто-то может указать мне в правильном направлении.

$scope.openModal = function (obj) { 


    //$scope.data = {type: obj.type, descriptions: obj.description, isDone: obj.isDone, createDate: obj.createDate, priority: obj.priority}; 

    $scope.data = obj; 

    console.log($scope.data); 

    var modalInstance = $uibModal.open({ 
     animation: $scope.animationsEnabled, 
     templateUrl: 'modalTemplate.html', 
     controller: 'View1Ctrl', 
     resolve: { 
     data: function() { 
      return $scope.data; 
     } 
     } 
    }); 
    } 

Шаблон

<!-- MODAL --> 


<div> 
<div ng-controller="View1Ctrl"> 
<script type="text/ng-template" id="modalTemplate.html"> 
     <div class="modal-header"> 
      <h3 class="modal-title">Item Details</h3> 
     </div> 
     <div class="modal-body"> 
      <ul> 
       <li>Type: <span ng-model="data.type"></span></li> 
       <li>Description: <span ng-model="data.description"></span></li> 
       <li>Date: <span ng-model="data.createDate"></span></li> 
       <li>Priority: <span ng-model="data.priority"></span></li> 
       <li>Finished: <span ng-model="data.isDone"></span></li> 
      </ul> 
     </div> 
     <div class="modal-footer"> 
     <button class="btn btn-primary" ng-click="$close()">OK</button> 
     </div> 
    </script> 
</div> 

Также пробовали {{data.type}} и т.д., и нг-связывание. Я теперь заполняю мои данные $ scope.data, потому что он показывает столько же в консоли.

Answer 1

Вы должны ввести data (разрешить объект) в свой модальный контроллер, а затем добавить его в объект $ scope.

Answer 2

Вы должны удалить из шаблона ng-controller = "View1Ctrl".