未定义的表单在Modal中传递给ng-submit (UI Bootstrap)

<script type="text/ng-template" id="myModalContent.html">
  <div class="modal-header">
    <h3 class="modal-title">Modal Title</h3>
  </div>
  <div class="modal-body">
    <form name="myForm">
      <input type="text" ng-model="formData.name" required>
      <button type="button" ng-click="submitForm(formData)">Submit</button>
    </form>
  </div>
</script>

<button type="button" class="btn btn-default" ng-click="openModal()">Open Modal</button>

app.controller('MyController', function($scope, $uibModal) {
  $scope.openModal = function() {
    var modalInstance = $uibModal.open({
      templateUrl: 'myModalContent.html',
      controller: 'ModalController'
    });
  };
});

app.controller('ModalController', function($scope, $uibModalInstance) {
  $scope.submitForm = function(formData) {
    // 处理表单数据
    console.log(formData);
    // 执行其他操作
    // ...
    // 关闭Modal
    $uibModalInstance.close();
  };
});