終了モーダル私はフォームから自分のデータを提出し、送信ボタンをクリックした後、データ

Question

を入力環境の後、私は、モーダルを閉じたいです。私は$ dtate.goに何を置くべきなので、私が望む結果を達成することができますか？

モーダルコントローラ

.controller('DietController', ['$scope', 'Diet', '$state', function($scope, Diet, $state) { 
    $scope.diets = []; 

    $scope.submitForm = function() { 
     Diet 
     .upsert({ 
      date: $scope.diet.date, 
      food: $scope.diet.food 
     }) 
     .$promise 
     .then(function() { 
      $state.go('diet'); 
     }); 
    }; 
    }]) 

<div class="modal fade" id="myModalNorm" tabindex="-1" role="dialog" 
aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 

     <!-- Modal Body --> 
     <div class="modal-body"> 

      <form role="form"> 
       <div class="form-group"> 
       <label>Date</label> 
        <input class="form-control" type="date" ng-model="diet.date"> 
       </div> 
       <div class="form-group"> 
       <label>Food Description</label> 
        <textarea type="text" class="form-control" ng-model="diet.food" placeholder="Enter food"></textarea> 
       </div> 

     <!-- Modal Footer --> 
     <div> 
      <button type="button" class="btn btn-primary" ng-click="submitForm()"> 
       Submit 
      </button> 
     </div> 
     </form> 
    </div> 
</div> 

Answer 1

あなたがbootstrap modalを使用している場合は、$uibModalInstanceが含まれており、その上にcloseメソッドを呼び出すモーダルHTML：

controller('DietController', ['$scope', 'Diet', '$state', '$uibModalInstance', function($scope, Diet, $state, $uibModalInstance) { 
    $scope.diets = []; 

    $scope.submitForm = function() { 
     Diet 
     .upsert({ 
      date: $scope.diet.date, 
      food: $scope.diet.food 
     }) 
     .$promise 
     .then(function() { 
      $uibModalInstance.close(); 
     }); 
    }; 
    }]) 

0を

Answer 2

これを試してみてください：

.then(function() { 
    $('#myModalNorm').modal('hide'); 
});