использование модального контроллера для доступа к основным методам контроллеров - PullRequest
Новая
       9

использование модального контроллера для доступа к основным методам контроллеров

0 голосов
/ 11 октября 2018 
  // run on page load 
  //this is inside main controller that is initialized when the page loads up

function init() {
            var datepicker = $('input[name="daterange"]')
            var now = new Date();
            var startTime = moment(now).hour(0).minute(0).second(0);
            var endTime = moment(now).hour(23).minute(59).second(59);
            datepicker.daterangepicker({
                "showDropdowns": true,
                "autoApply": true,
                "maxDate": moment(),
                "autoUpdateInput": false,
                ranges: {
                    'Today': [startTime, endTime],
                    'Yesterday': [moment(startTime).subtract(1, 'days'), moment(endTime).subtract(1, 'days')],
                    'Last 7 Days': [moment(startTime).subtract(6, 'days'), moment(endTime)],
                    'Last 30 Days': [moment(startTime).subtract(29, 'days'), moment(endTime)],
                    'Last 90 Days': [moment(startTime).subtract(89, 'days'), moment(endTime)],
                    'This Month': [moment(startTime).startOf('month'), moment(endTime).endOf('month')],
                    'Last Month': [moment(startTime).subtract(1, 'month').startOf('month'), moment(endTime).subtract(1, 'month').endOf('month')]
                },
                "alwaysShowCalendars": true
            });
            datepicker.on('apply.daterangepicker', function (ev, picker) {
                $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
                $scope.taskFilter.dateFilter = $(this).val();
                $scope.$apply();
            });

            }
            init();

             $scope.filterModal = function () {

            var modalInstance = $uibModal.open({
                templateUrl: 'review-tasks.htm/filterModal',
                controller: 'filterModalCtrl',
                size: 'lg',
              windowClass: 'model-filter-window',
              backdrop: 'true',
              keyboard: 'true',
              resolve: {
                    availableReviewers: function () {
                        return $scope.availableReviewers;
                    }
              }

            });

        };

Теперь у меня есть модальный контроллер, где мне нужно показать средство выбора даты, выбрать даты, чтобы сохранить данные даже при закрытии модального окна.

Как использовать методы с областью действияконтроллер в моем модальном контроллере (filterModalCtrl)?

Все остальные данные, загруженные на страницу (например, средство выбора даты), теперь действительно нужно видеть на модальной стороне и сохранять при закрытии модальной, это сценарий, который необходимо обработать 

                        angular.module('reviewportal').controller('filterModalCtrl', ['$scope', '$uibModalInstance', 'availableReviewers',
    function filterModalCtrl($scope, $uibModalInstance, availableReviewers,localStorageService, userProfileInfo, $filter) {

      $scope.availableReviewers = availableReviewers;

      $scope.ok = function () {
            $uibModalInstance.close();
        };


    }]);

1 Ответ

0 голосов
/ 11 октября 2018

Передача данных из основного контроллера в модальный режим: 

function showModal() {
        var modalInstance = $uibModal.open({
            templateUrl: 'review-tasks.htm/filterModal',
            controller: 'filterModalCtrl',
            size: 'lg',
            windowClass: 'model-filter-window',
            backdrop: 'true',
            keyboard: 'true',
            resolve: {
                params: function () {
                    return {
                        reviewers: $scope.availableReviewers
                    }
                }
            }
        });
        modalInstance.result.then(function (response) {
            var selectedReviewer = response; //Selected data from modal
            //do something on selectedReviewer
        });
    }

В модальном режиме: 

(function() {
    angular.module('reviewportal').controller('filterModalCtrl', ['$scope', '$uibModalInstance', 'availableReviewers',
    function filterModalCtrl($scope, $uibModalInstance, params, localStorageService, userProfileInfo, $filter) {

    $scope.availableReviewers = params.reviewers;

    $scope.selectedReviewer = $scope.availableReviewers[0]; //Sample selected data or use a bind ng-model in html.

    $scope.ok = function () {
        $uibModalInstance.close($scope.selectedReviewer); //You can also pass this selected data back to your main controller
    };

} ]);

}) ();

...