如何在angularjs中提交后关闭modal

vlurs2pr  于 2024-01-05  发布在  Angular
关注(0)|答案(2)|浏览(221)

我知道这个问题有很多结果,但没有一个给予答案。
html 1:

  1. <button class="basebtn logbtn" ng-click="openlog()">LOGIN</button>
  2. <button class="basebtn regbtn" ng-click="openreg()">SIGN UP</button>

字符串
html 2:

  1. <div ng-controller="main">
  2. <center><img class="img-login" ng-src="../images/form-logo.png"/></center>
  3. <form class="login" name="log" ng-submit="login()" novalidate>
  4. <div class="form-group login-form" ng-class="{'has-error' : isInvalid(log.email) ,'has-success' : isValid(log.email)}">
  5. <input type="email" class="form-control" name="email" ng-model="user.email" required placeholder="Email">
  6. <div class="alert alert-danger" role="alert" ng-show="isInvalid(log.email)">Enter valid email</div>
  7. </div>
  8. <div class="form-group login-form" ng-class="{'has-error' : isInvalid(log.password) ,'has-success' : isValid(log.password)}">
  9. <input type="password" class="form-control" name="password" ng-model="user.password" required placeholder="Password">
  10. <div class="alert alert-danger" role="alert" ng-show="isInvalid(log.password)">This Feild is required</div>
  11. </div>
  12. <div class="form-group" style="text-align:center;">
  13. <input type="submit" class="logbnt" value="LOGIN" ng-disabled="! log.$valid" data-dismiss='modal'/>
  14. </div>
  15. </form>


Angular :

  1. $scope.login = function(){
  2. $http.post("www.example.com/login",$scope.user).then(function(res){
  3. localStorage.setItem("token",res.data.token);
  4. //how i close the modal ???
  5. });
  6. }
  7. //here create the modal
  8. $scope.openlog = function () {
  9. $scope.$modalInstance = $uibModal.open({
  10. templateUrl:"login.html",
  11. });
  12. }


那我的代码,我是怎么在$http结果中关闭模态的?

bqujaahr

bqujaahr1#

你能做到的

  1. $scope.login = function(){
  2. $http.post("www.example.com/login",$scope.user).then(function(res){
  3. localStorage.setItem("token",res.data.token);
  4. $modalInstance.dismiss('cancel');
  5. });
  6. };

字符串

yr9zkbsy

yr9zkbsy2#

你只需要添加这行代码。
angular.element('#modelName').modal('hide');

相关问题