MVCのAngular JS nglick notininf

ユーザーの詳細を登録するためのcshtmlページを持つMVC Webアプリケーションを作成しました。私はSQLサーバとデータアクセス層にデータベースを作成しました。モデルクラスを作成しました。コントローラクラスを作成し、Angularjscontroller.jsから呼び出すメソッドを公開しました。 Angularjscontroller.jsファイルを作成しました。 cshtmlファイルのには、ボタンコントロールが定義されています。それをクリックすると、Angularjscontroller.jsで定義されている関数savedataが呼び出されましたが、ng-clickは起動しません。MVCのAngular JS nglick notininf

HomeAngular.js file 
------------------ 

var app = angular. Module("Homeapp", []); 
app.controller("HomeController", function ($scope, $http) { 

    $scope.Savedata = function() { 
       $http(
      { 
       method: POST, 
       url: '/Home/AddMembers', 
       data: $scope.RegisterUser 
       )}.success(function (d) { 
        $scope.RegisterUser = null; 
      alert(d); 
     )}.error(function() 
    { 
     alert('failed'); 
    }) 

    } 

}); 

    Registermembers.cshtml 
    <html> 
    <head></head> 
    <body> 
     ---------------------- 
     <div class="container" ng-app="Homeapp" ng-controller="HomeController"> 
     <div class="col-md-3"> 

     <input type="button" ng-click="Savedata()" value="Save" class="btn btn-primary" /> 
     </div> 
     </div> 
     <script src="~/Scripts/angular.min.js"></script> 
      <script src="~/Scripts/Angular Controller/HomeAngularJs.js"></script> 
    </body> 
    </html>

出典

2017-12-14 Ramakrishnan

原因は、あなたのコード内の構文エラーがあります。それが呼び出されない理由です。デベロッパーコンソールを確認してください。 – Sankar

コンソールにはエラーが表示されません。また、タグの不一致もありません。確認済みです...コードも正しく構築されています。ページのすべての値を入力してクリックすると...どのように表示されますかエラーがコンソールに表示されていない場合... – Ramakrishnan

構文エラーが修正されました。あなたのコードと以下のコードを比較してください。

var app = angular.module("Homeapp", []); 
 
app.controller("HomeController", function($scope, $http) { 
 
    $scope.Savedata = function() { 
 
    $http({ 
 
     method: 'POST', 
 
     url: '/Home/AddMembers', 
 
     data: $scope.RegisterUser 
 
    }).success(function(d) { 
 
     $scope.RegisterUser = null; 
 
     alert(d); 
 
    }).error(function() { 
 
     alert('failed'); 
 
    }); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> 
 
<html> 
 

 
<head></head> 
 

 
<body> 
 
    <div class="container" ng-app="Homeapp" ng-controller="HomeController"> 
 
    <div class="col-md-3"> 
 

 
     <input type="button" ng-click="Savedata()" value="Save" class="btn btn-primary" /> 
 
    </div> 
 
    </div> 
 
</body> 
 

 
</html>

出典

2017-12-14 11:44:42 Sankar

あなたの助けに感謝..この問題は解決されました.. – Ramakrishnan

@Ramakrishnanこれがあなたに役立つ場合は、答えとしてそれを受け入れてください。 – Sankar

MVCのAngular JS nglick notininf

答えて

関連する問題