не удалось закрыть modal после отправки в angularjs

Я пытаюсь сделать обновление формы, и все работает нормально, но модально не закрывается должным образом, когда обновление сделано. Я имею в виду, что модальные действительно исчезли, но экран все еще темный, как и модальный, и я не могу щелкнуть ни на что другое. Как мне обновить страницу, а модальный - закрыть?не удалось закрыть modal после отправки в angularjs

Мой код, как показано ниже:

$scope.updateStudentParticulars = function(item) { 
      var currentDate = $filter('date')(new Date(), 'dd/MM/yyyy'); //for lastchangepassword field 
      $scope.EditStudentForm = false; 

      //alert(item.User_Key + " USER KEY") 

      const rootRef = firebase.database().ref(); 

      //zoom in to users table 
      const ref = rootRef.child('Users'); 

      ref.child(item.User_Key).update({ 
       name: item.Student_Name, 
       email: item.Student_Email, 
       role: "student", 
       accountStatus: "Activated", 
       yearJoined: item.Year_Joined, 
       password: item.Password, 
       passwordChangedDate: currentDate, 
       gpa: 0.00, 
       profile: { 
        address: item.Address, 
        citizenship: item.Citizenship, 
        gender: item.Gender, 
        nok: item.Nok, 
        nokPhone: item.Nok_Phone, 
        phone: item.Phone 
       } 

      }); 
      alert("Update Successful !") 
      $route.reload(); 

     }

Код модальный объявлен в HTML файле:

<div id="editModal" class="modal fade" role="dialog"> 
     <div class="modal-dialog"> 

      <!-- Modal content--> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <h4 class="modal-title">Edit Student Particulars</h4> 
       </div> 
       <div class="modal-body"> 
        <div ng-include src="'templates/editStudentForm.html'"></div> 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
      </div> 

     </div> 
    </div>

источник

2016-11-23 purplewind

... Но где твой модальный код? – trichetriche

его в другом html-файле, я отредактировал вопрос и добавил в код – purplewind

Это хорошо, но теперь, где вы JS-модальный код? – trichetriche

Похоже, что вы используете бутстраповских модальности. После того как вы включили самозагрузки JS-код, вы можете позвонить:

$('#editModal').modal('hide');

См http://getbootstrap.com/javascript/

источник

2016-11-24 02:38:24 2ps

Привет, я добавил, что код, но фон все еще там, хотя я представил. Любая идея, как полностью уничтожить фон? – purplewind

не удалось закрыть modal после отправки в angularjs

ответ

Смежные вопросы