переключатель управления выбранным angularjs - PullRequest
0 голосов
/ 15 марта 2019

Радио «Адрес доставки по умолчанию» выбрано по умолчанию, при выборе «Новый адрес доставки» оно вызывает всплывающее окно: «новый адрес». Когда всплывающее окно «новый адрес» закрыто, я хочу изменить радио, выбранное на «Адрес доставки по умолчанию». (обновить радио выбран по умолчанию) любая помощь? enter image description here enter image description here

            <div class="radio text-info mt10 mb20">
              <label>
                <input type="radio" ng-model="form.receiverType" value="SELECT">
                <b data-translate="_Paymen001">Default shipping Address </b>
              </label>
            </div>
            <div class="radio mt10 mb20">
              <label>
                <input type="radio" ng-model="form.receiverType" value="INSERT">
                <b data-translate="_Paymen002">New shipping Address </b>
              </label>
            </div>

Нажмите Отмена Закрыть всплывающее окно

<button data-dismiss="modal" aria-label="Close" class="btn btn-primary btn-lg ng-scope" type="button" data-translate="_Cancel" ng-click="cancelSaveNewAddss()" style=" margin-top: 20px;">Cancel</button>

переключатель события click

// bind event when change receiverType
          $scope.$watch('form.receiverType', function(newVal, oldVal) {
          switch (newVal) {
            case 'SELECT':
                            $scope.selecteDefaultAddr();
                  break;
            case 'INSERT':
                  $('.modal-receiver-add').modal();
                  break;
            case 'MODIFY':
                // get reciever list
                  $scope.getReceiverList();
                  $('.modal-chondanhba').modal();
                  break;
            default:
                  break;
        }
    }, true);

1 Ответ

0 голосов
/ 15 марта 2019

Вам нужно обработать возвращаемую часть .result.then модального в вашем контроллере.

Пример:

$uibModal.open({
  animation: $ctrl.animationsEnabled,
  ariaLabelledBy: 'modal-title',
  ariaDescribedBy: 'modal-body',
  templateUrl: 'myModalContent.html',
  controller: 'ModalInstanceCtrl',
  controllerAs: '$ctrl',
  size: size,
  appendTo: parentElem,
  resolve: {
    items: function () {
      return $ctrl.items;
    }
  }
}).result.then(function (response) {
  // You can get the response from modal.
  // If user clicked the cancel button, set the radio button back to the default.
}, function () {
  // Modal is dismissed with cancel, ESC button or click on the outside of modal.
  // Set the radio button back to the default.
});

Больше информации на angularjs boottrap modal

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