【问题标题】:Form action in angular角度形式的动作
【发布时间】:2015-01-02 04:20:46
【问题描述】:

我正在尝试使用 angular.js 设置登录并进行设计。

这是我的表单 html:

<form ng-submit="submitLogin(loginForm)" role="form" ng-init="loginForm = {}">
    <div class="form-group">
        <label for="email">Email</label>
        <input type="email" name="email" id="email" ng-model="loginForm.email" required="required" class="form-control"> </div>
    <div class="form-group">
        <label for="password">Password</label>
        <input type="password" name="password" id="password" ng-model="loginForm.password" required="required" class="form-control"> </div>
    <button type="submit" class="btn btn-primary btn-lg">Sign in</button>
</form>

所以基本上我的表格总是POST-ing 到/api/auth/sign_in。但是我的 api 在路径中也有一个版本。

所以/api/v1/auth/sign_in 可以工作,但/api/auth/sign_in 不行。

如何更改表单操作以包含 api 版本?

更新,这是重要的角度相关信息

angular
    .module('AngularRails', [
        'ngAnimate',
        'ngCookies',
        'ngResource',
        'ngRoute',
        'ngSanitize',
        'ngTouch',
        'templates', 
        'ng-token-auth'
    ]).config(function ($routeProvider, $locationProvider) {
        $routeProvider
            .when('/app/sign_in', { 
                templateUrl: 'user_sessions/new.html', 
                controller: 'UserSessionsCtrl' 
            })
            .otherwise({
              redirectTo: '/'
            });
        $locationProvider.html5Mode({
          enabled: true,
          requireBase: false
        });
    });

submitLogin 来自here。有没有办法配置或覆盖来自 ng-token-auth 的函数 submitLogin(angular.js 的基于令牌的身份验证模块)?

【问题讨论】:

  • 显示 submitLogin() 方法代码

标签: javascript ruby-on-rails angularjs devise


【解决方案1】:

你可以做类似的事情 $scope.actionUrl = $scope.ContextUrl + '/api/v1/auth/sign_in'; $scope.ContextUrl 可能是您想要提供的任何内容以使 url 可访问。

或者

<form action="{{ ContextUrl + '/api/v1/auth/sign_in' }}">

这是一个肮脏的答案,请尝试并告诉我。

【讨论】:

  • 感谢您的回复。这不起作用,我能够获得正确的路径,但是执行了 GET 请求而不是 POST
  • try method="POST" ,in
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-09-17
  • 1970-01-01
  • 1970-01-01
  • 2020-01-27
  • 2021-11-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多