angularjs - एनजी-क्लिक ईवेंट बटन क्लिक पर फ़ायरिंग नहीं कर रहा है?




angularjs-directive angularjs-ng-click (2)

मैं Angularjs में वेब अनुप्रयोग का निर्माण कर रहा हूं। मैं डेटाबेस से लॉग इन करने के लिए अलग से। js फ़ाइल लिखता हूं, पृष्ठ लोड पर निष्पादित होता है, लेकिन बटन क्लिक करने पर ट्रिगर नहीं करता, मेरा .js कोड है:

   var adminModule = angular.module('angApp', []);
   //Defining a Angular Controller
   adminModule.controller('AdminCtrl', ['$scope', '$http',
  `enter code here` function ($scope, $http) {
    Login();
           function Login(U_Name, U_PWD) {
        debugger;
        //Defining the $http service for login the admin user
        $http({
            method: 'POST',
            url: '/Admin/IsAuthenticate',
            data: { User_Name: U_Name, User_PWD: U_PWD }
        }).success(function (result) {

            if (result == true) {
                alert('user is valid');
            }
            else {
                alert('unauthorised access!');
            }
        })
            .error(function (error) {
                //Showing error message 
                $scope.status = 'Unable to connect' + error.message;
            });
    }
       }]);

और मेरा विचार है कि मैं इसे Angularjs का प्रयोग करके बाध्य करने के लिए उपयोग कर रहा हूं कोड के ऊपर एक मुद्दा पृष्ठ लोड पर काम कर रहा है, लेकिन बटन क्लिक पर काम नहीं करता, मैं जो कोड उपयोग करता हूं वह है:

 <div class="admin-login" ng-controller="AdminCtrl" ng-app="angApp">
     <h2>using angularjs</h2>
    <input type="text" id="txtUserAng" placeholder="User Name" ng-model="U_Name" />
    <input type="password" id="txtPWDAng" placeholder="Password" ng-model="U_PWD"  />
    <input type="button" id="login" value="login" ng-click="Login()" />
</div>

किसी को कृपया मेरी मदद करो जो मुझे यहाँ याद आती है तो मैं बटन पर एनजी-क्लिक ईवेंट ट्रिगर करने में सक्षम नहीं हूं, धन्यवाद अग्रिम में क्लिक करें


आपका Login फ़ंक्शन एक क्षेत्र पर होना चाहिए। अभी, इसकी अनिवार्य रूप से एक निजी कार्य:

$scope.Login = function () {
  ...
}

एक कार्यक्षेत्र चर को कार्य असाइन करें

 var adminModule = angular.module('angApp', []);
   //Defining a Angular Controller
   adminModule.controller('AdminCtrl', ['$scope', '$http',
   function ($scope, $http) {

           $scope.Login=function (U_Name, U_PWD) {
        debugger;
        //Defining the $http service for login the admin user
        $http({
            method: 'POST',
            url: '/Admin/IsAuthenticate',
            data: { User_Name: U_Name, User_PWD: U_PWD }
        }).success(function (result) {

            if (result == true) {
                alert('user is valid');
            }
            else {
                alert('unauthorised access!');
            }
        })
            .error(function (error) {
                //Showing error message 
                $scope.status = 'Unable to connect' + error.message;
            });
    }
       $scope.Login();
       }]);

संपादित:

इस html कोड का उपयोग करने का प्रयास करें, लेकिन मुझे यकीन नहीं है। यह हो सकता है कि एनजी-इनट और एनजी-नियंत्रक दोनों उसी div और ng- नियंत्रक लोड में पहले एनजी-इनट के बाद होते हैं:

<div ng-app="angApp">
  <div class="admin-login" ng-controller="AdminCtrl" >
     <h2>using angularjs</h2>
    <input type="text" id="txtUserAng" placeholder="User Name" ng-model="U_Name" />
    <input type="password" id="txtPWDAng" placeholder="Password" ng-model="U_PWD"  />
    <input type="button" id="login" value="login" ng-click="Login()" />
  </div>
</div>




angularjs-ng-click