1

以下のコントローラーで制御される angular-ui モーダルがあります。

var emailModal = angular.module('myApp.emailModal', ['ui.bootstrap', 'ui.bootstrap.tpls']);

emailModal.controller('ModalCtrl', ['$scope', '$uibModal', function ($scope, $uibModal) {

  $scope.open = function () {
    var modalInstance = $uibModal.open({
      templateUrl: 'components/emailModal/emailModalView.html',
      backdrop: true,
      controller: 'modalInstanceCtrl'
    });
  }
}]);

emailModal.controller('modalInstanceCtrl', function ($scope, $uibModalInstance, $http) {
  //create blank object to handle form data.
  $scope.user = {};
  //calling our submit function.
  $scope.submitForm = function() {
    //posting data to php file
    $http({
      method: 'POST',
      url: 'components/emailModal/emailInsert.php',
      data: $scope.user, //forms user object
      headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    })
        .success(function(data) {
          if (data.errors) {
            //showing errors.
            $scope.errorEmail = data.errors.email;
          } else {
            $scope.message = data.message;
          }
        });
  };
});

これは実際のモーダル ビューです。

<form name="userForm" ng-submit="submitForm()">
<div class="modal-header">
    <h3 class="modal-title">Register</h3>
</div>
<div class="modal-body">
    <div class="form-group">
        <label>E-Mail Address</label>
        <input type="email" name="email" class="form-control" ng-model="user.email" placeholder="Email address" />
        <span ng-show="errorEmail">{{errorEmail}}</span>
    </div>
</div>
<div class="modal-footer">
    <button type="submit" class="btn btn-default">Submit</button>
</div>
</form>

モーダルは問題なく読み込まれますが、クリックして送信すると何も起こりません。コンソールで一度もエラーが発生しません。私は何を間違っていますか？これも私のPHPファイルです：

$errors = array();
$data = array();
// Getting posted data and decodeing json
$_POST = json_decode(file_get_contents('php://input'), true);

// checking for blank values.

if (empty($_POST['email']))
    $errors['email'] = 'E-Mail erforderlich.';

if (!empty($errors)) {
    $data['errors']  = $errors;
} else {
    $data['message'] = 'The data should now be inserted into database!';
}
// response back.
echo json_encode($data);
?>

編集1。

このイベントは、Dev Tools - Network でトリガーされます。

これは私が得るものです：

リクエストURL: http://localhost:63342/url-to/emailInsert.php リクエスト方法: POST リモートアドレス: 127.0.0.1:63342 ステータスコード: 200 OK バージョン HTTP/1.1

送信時にページがリロードされません。開発ツール - コンソールにエラーはありません。電子メールが入力に挿入されていない場合でも、OK ステータスが返されるため、エラーが出力されますが、出力されません。

どんな助けでも大歓迎です。

4

0 に答える 0