Как получить значение текстового поля диалога uibmodel для родительского контроллера в angularjs - PullRequest
Новая
       19

Как получить значение текстового поля диалога uibmodel для родительского контроллера в angularjs

0 голосов
/ 27 мая 2019

У меня есть страница с текстовым полем, это отдельный контроллер.Когда я нажимаю на текстовое поле, появляется модальное диалоговое окно, использующее uibmodal с помощью ui-bootstrap.В этой модели есть два поля выбора даты, при выборе этих двух полей даты и нажатии на кнопку «Применить» значение этих двух выбранных текстовых полей должно быть отображено в родительском текстовом поле.Как добиться этого с помощью angularjs, пробовал много способов, ничего не помогает

пробовал код ниже 

$scope.openDateTimePicker = function(object){
    console.log("Inside function");
    $scope.animationsEnabled = true;
    var modalInstance = $uibModal.open({
         animation: $scope.animationsEnabled,
         templateUrl: 'datepicker.tpl.html',
         controller: 'DateInstanceCtrl',
         size: 'sm',
         resolve: {
         items: function () {
            return $scope.items;
           }
          }
      });
};




.controller('DateInstanceCtrl', function ($scope, $uibModalInstance) {
  $scope.apply = function () {
     console.log("value:::"+$uibModalInstance.startDateTime);
     $uibModalInstance.close();
  };
  $scope.close = function () {
    $uibModalInstance.dismiss('close');
  };
})

datepicker.tpl.html 

<header class="modal-header"></header>
<div class="modal-body">

    <table>
        <tr>
            <td>Start Date</td>
            <td><input type="datetime-local" id="startDateTime"
                name="startDateTime" ng-model="startDateTime"
                placeholder="yyyy-MM-ddTHH:mm:ss" min="2001-01-01T00:00:00"
                max="2199-12-31T00:00:00" required /></td>
        </tr>
        <tr>
            <td>End Date</td>
            <td><input type="datetime-local" id="endDateTime"
                name="endDateTime" ng-model="endDateTime"
                placeholder="yyyy-MM-ddTHH:mm:ss" min="2001-01-01T00:00:00"
                max="2199-12-31T00:00:00" required /></td>
        </tr>
    </table>
</div>
<div class="modal-footer">
    <button ng-click="apply()" class="btn btn-primary">Apply</button>
    <button ng-click="close()" class="btn">Close</button>
</div>
...