2017-07-15 7 views
1

私のタイトルは、私はログインフォームを作成していて、その後は自分のhtmlです。送信ボタンは機能しません。ボタンが本体内にあるときには、anglejsで入力ボタンが機能しません

<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> 

ここは私の角度です。

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> 
+0

どのようにあなたがその動作していないを決めるのですか? – Sajeetharan

+0

私はここで参照を作成して追加しようとします。 – VijayNarang

+0

スカイプIDをお送りください – VijayNarang

答えて

0

おそらくあなたがHTMLでNGアプリディレクティブが欠落している、

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

はいこれが原因でした – VijayNarang

関連する問題