Question

当用户关闭模式时，我正在尝试使用console.log表单字段，但我不确定如何执行此操作。

当我使用下面的代码时，表单字段中的输入不会被反映出来。有什么想法吗？

使用Javascript：

.controller('ContactFormCtrl',
 function($modal) {
  var contactForm = this;
  contactForm.agreement = agreement;
  contactForm.contact.signature = '';

return;

function agreement() {

 $modal.open({

    templateUrl: 'views/agreement.html'
  })
    .result.then(
    function () {
      var agreement=contactForm.contact.signature;
      console.log(agreement);
      (contactForm.value1 = true);

    },
    function () {
      contactForm.value1 = false;
    }
  );
}
});

HTML：

<form name="paymentForm">
  <div class="form-group>
    <label class="control-label" for="signature">Signature</label>
    <input type="text" id="signature" name="signature" ng-model="contactForm.contact.signature" aria-describedby="signatureWarning" placeholder="Signature (e.g., /John Doe/)" class="form-control" ng-minlength=1 ng-model-options="{ updateOn: 'default blur', debounce: {'default': 500, 'blur': 0} }" required />
</div>

<button ng-click="$dismiss()" class="btn btn-warning">Cancel</button>
<button ng-click="$close()" class="btn btn-primary" ng-disabled="paymentForm.$invalid">I Agree</button>

Answer 1

您可以更轻松地处理模态控制器内的表单数据，而不是提取它。从$modal外部访问范围并不是一个好的/推荐的方法，特别是因为模态本身有一些范围层。

最好使用save方法或其他方法：

$scope.save = function() {
  // POST data somewhere, save to a service, whatever
  $modalInstance.$close(); // or whatever the API is
}

<button ng-click="save()" class="btn btn-primary" ng-disabled="paymentForm.$invalid">I Agree</button>

在Angular中关闭模式时记录表单字段值

1 个答案: