How to POST a Form with AngularJS

Question

In my login.html I have

<div class="form-login">
<h4>Welcome back.</h4>
<input type="text" id="userName" ng-model="user.username"
       class="form-control input-sm chat-input" placeholder="username" />
</br>
<input type="text" id="userPassword" ng-model="user.password"
       class="form-control input-sm chat-input" placeholder="password" />
</br>
<div class="wrapper">
<span class="group-btn">     
    <a href="#!/events/add" class="btn btn-primary btn-md">login <i class="fa fa-sign-in"></i></a>
</span> 

and I need to call the login function in users.controller which is:

    $scope.login = function(){
        $http.post('/login',$scope.user).then(function(response){
            window.location.href='#/add_event';
        });
    } 

How do I go about this? Do I use something like ng-submit="login()"?