2016-11-10 8 views
0

ich weiß, haben viele Ergebnisse in dieser Frage, aber niemand geben Arbeit Antwort für mich.wie modal nach dem einreichen in 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> 

Winkel:

$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", 
    }); 
} 

, dass mein Code, wie ich $ schließen in http führen die modale ?

Antwort

1

Sie dies tun können,

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

I 'dismiss' nicht aber' close' verwenden würde - 'dismiss' das Versprechen ablehnen verwendet für die Ergebnisse zu überprüfen, welche wahrscheinlich nicht das, was in diesem Fall auftreten sollte, wenn Die Anmeldung war erfolgreich. –

+0

$ modalInstance ist nicht definiert –

+0

sollte es sein $ scope.modalInstance – Sajeetharan

Verwandte Themen