个人中心
gpt4 book ai didi

javascript - 当我使用模板时，提交按钮在 angularjs 中不起作用

转载 作者：行者123 更新时间：2023-11-28 03:52:33 27 4
gpt4 key购买 nike

当我加载主页时，它会在主页 div 的 ng-view 中加载此页面的第三部分 [ /login GET HTTP request ]。我的问题是当我点击提交按钮时，它不会提交给定的页面并调用 InitCtrl Controller 内的 login() 函数

这是主页:

    <html lang="en" ng-app="mvc-module">
<head>
         <script src='<c:url value="/static/angular.js"/>'></script>
         <script src='<c:url value="/static/todo.js"/>'></script>
</head>
<body>
<div ng-view></div>
</body>
</html>

todo.js:

angular.module("mvc-module", []).config(function ($routeProvider) {
    $routeProvider.
    when('/', {controller: InitCtrl, template: '<div ng-bind-html-unsafe="mainPage"</div>'}).
    otherwise({redirectTo: '/'});
});

function InitCtrl($scope, $http) {

    $http.get("login").success(function (data, status, headers, config) {
    $scope.mainPage = data; // for see the response see /log GET response
    });

    $scope.login = function () {
    $http.post("login", {password: $scope.password, username: $scope.username}).
        success(function (data, status, headers, config) {
            $scope.mainPage = data;
            console.log("successfully logged to login");
        }).error(function (data, status, headers, config) {
            console.log("error in post");
        });
    };
}

这是/login GET HTTP 请求的响应:

<div>
    <form class="form-signin" ng-submit="login()">
    <h2 class="form-signin-heading">Please sign in</h2>
    <input type="text" class="input-block-level" placeholder="User name" ng-model="username">
    <input type="password" class="input-block-level" placeholder="Password" ng-model="password">
    <label class="checkbox">
        <input type="checkbox" value="remember-me" ng-model="remember"> Remember me
    </label>
    <button class="btn btn-large btn-primary" type="submit">Sign in</button>
    </form>
</div>

最佳答案

替换

<button class="btn btn-large btn-primary" type="submit">Sign in</button>

通过

<button class="btn btn-large btn-primary" type="submit" ng-click="login()">Sign in</button>

或者，更改 <button>至 <input type="submit"> .

关于javascript - 当我使用模板时，提交按钮在 angularjs 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19068412/

27 4 0
文章推荐： c++ - Qt 中的 WM_SOCKET
文章推荐： css - 溢出-x :hidden doesn't prevent content from overflowing in mobile browsers
文章推荐： javascript - Highchars 百分比变异位置
文章推荐： 缩小窗口时 JavaFX backgroundImage 消失
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com