我需要在Razor中使用AngularJS变量

Question

我有一个带有两个变量的表单，我想使用到达的值来调用我的MVC中的控制器，但我不知道该怎么做。

代码：

<form id="login-form" class="form" action="" method="post">                       
    <div class="form-group">
        <label for="username" class="">Usuario:</label><br>
        <input type="text" name="username" ng-model="username" id="username" class="form-control" placeholder="Introduce tu nombre de usuario...">
    </div>
    <div class="form-group">
        <label for="password" class="">Contraseña:</label><br>
        <input type="text" name="password" ng-model="password" id="password" class="form-control" placeholder="Introduce tu contraseña...">
    </div>
    <div class="btn-group col-md-12 col-md-offset-1" role="group">
        <a href="#" class="btn btn-default btn-lg botonLogin" role="button" 
           onclick="location.href='@Url.Action("Acceso", "Login", new { username = {{username}}, password = {{password}} })'" aria-disabled="true">Aceptar</a>
        <a href="#" class="btn btn-default btn-lg botonLogin" role="button"
           disabled aria-disabled="true">Registrarse</a>
    </div>
</form>