2016-11-10 50 views
0

我知道这个问题有很多结果,但没有人给我工作答案。如何在angularjs提交后关闭模态

HTML 1:

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

HTML 2:

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

角:

$scope.login = function(){ 
    $http.post("www.example.com/login",$scope.user).then(function(res){ 
     localStorage.setItem("token",res.data.token); 
     //how i close the modal ??? 
    }); 
} 

//here create the modal 
$scope.openlog = function() { 
     $scope.$modalInstance = $uibModal.open({ 
     templateUrl:"login.html", 
    }); 
} 

我的代码,我怎么收在$ HTTP结果的模态?

回答

1

你可以做到这一点,

$scope.login = function(){ 
     $http.post("www.example.com/login",$scope.user).then(function(res){ 
     localStorage.setItem("token",res.data.token); 
     $modalInstance.dismiss('cancel'); 
     }); 
    }; 
+0

我不会用'dismiss'但'close' - 'dismiss'将拒绝使用的承诺检查结果这可能是不应该发生什么在这种情况下,当登录成功。 –

+0

$ modalInstance未定义 –

+0

它应该是$ scope.modalInstance – Sajeetharan