【问题标题】:input button not working in angularjs when only button is there in body当正文中只有按钮时,输入按钮在 angularjs 中不起作用
【发布时间】:2017-07-15 17:52:37
【问题描述】:

正如我的标题所说,我正在创建一个登录表单,下面是我的 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>

【问题讨论】:

  • 你如何判断它不工作?
  • 我将尝试在这里创建和添加参考。
  • 请发送您的Skype id

标签: angularjs submit-button


【解决方案1】:

您的 HTML 中可能缺少 ng-app 指令,

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多