2017-07-15 55 views
1

正如我的标题所说,我正在创建一个登录表单,以下是我的HTML。但提交按钮不起作用。输入按钮不工作在angularjs当只有按钮在身体有

<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方法没有被调用。我也remived所有的HTML和只剩下输入按钮,但仍然无法正常工作。

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

你如何决定它不工作? – Sajeetharan

+0

我会尝试在这里创建和添加参考。 – VijayNarang

+0

请发送您的Skype帐号 – VijayNarang

回答

0

也许你错过了NG-程序指令在你的HTML,

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

是的,这是因为 – VijayNarang