当 body 中只有按钮时，输入按钮在 angularjs 中不起作用

Question

正如我的标题所说，我正在创建一个登录表单，下面是我的 html。但提交按钮不起作用。

<body ng-controller="AdminController">
    <div class="container">
    <section id="content">
        <form action="">
            <h1>Log In </h1>
            <div>
                <input type="text" placeholder="Username" required="" id="vxUserName" ng-model="UserName" />
            </div>
           <div>
                <input type="password" placeholder="Password" required="" id="vxUserPass" ng-model="UserPassword" />
            </div>

            <div style="padding-left:10px;padding-bottom:70px;padding-top:30px">
                <input type="button" class="btn btn-success" value="Log in" id="vxLogin" ng-click="CheckUser()" />

            </div>
        </form><!-- form -->

    </section><!-- content -->
</div>

</body>

这是我的angularjs。

app.controller('AdminController', function ($scope, $http, $location, $timeout, $filter) {

    var SelectedPackages = "";
    $scope.ContactDetails = [];
    var SelectedEnquiry = sessionStorage.getItem("_SelectedEnquiry");
    $scope.setId = function (setal) {

        alert(SelectedEnquiry);
    };
    $scope.CheckUser = function () {
        alert("a");
        sessionStorage.setItem("_OwnAccessCount", "0");
        sessionStorage.setItem("_OwnAccessUsed", "0");
        debugger;
        $http.get("ws/ws_HolidayPackages.asmx/CheckUser?&_UserName=" + $scope.UserName + "&_Password=" + $scope.UserPassword)

       .success(function (data) {

           sessionStorage.setItem("_UserPassword", $scope.UserPassword);
           var userPassword = sessionStorage.getItem("_UserPassword");

           debugger;
           data = data.replace('<?xml version="1.0" encoding="utf-8"?>', '');
           data = data.replace('<string xmlns="http://tempuri.org/">', '');
           data = data.replace('</string>', '');

....... …… ..... 因为按钮点击不起作用。我尝试了所有方法，例如更改给输入类型，将 ng-click 更改为 ng-submit，给 $event.stopPropagation();使用 ng-click 但我的 checkuser 方法没有被调用。我还删除了所有 html 并且只留下了输入按钮，但仍然无法正常工作。

<body ng-controller="AdminController">
            <input type="button" class="btn btn-success" value="Log in" id="vxLogin" ng-click="CheckUser();" />
</body>

Answer 1

可能您在 HTML、

中缺少 ng-app 指令

<body ng-app="yourAppname" ng-controller="AdminController">

当 body 中只有按钮时，输入按钮在 angularjs 中不起作用

input button not working in angularjs when only button is there in body

angularjs

submit-button