MVC 5開発フロントフレームAnglarJSクイック入門のController

3308 ワード

MVC 5 勉強します asp.net

まずアングラーJS公式のControllerに対する説明を見てください.
Anglarでは、コントローラはJavaScriptの構造関数のように、強化のために使用されます. アングラースコープはい、そうです
コントローラが通る時 ng-controller コマンドがDOMに追加されると、ngはコントローラの構造関数を呼び出してコントローラオブジェクトを生成します.これにより、新しいサブレベルのスコープが作成されます.このコンストラクタでは、スコープが$scopeパラメータとして注入され、ユーザコードがアクセスできるようになる.
普通、私たちはコントローラを使って二つのことをします.

初期化 $scope オブジェクト

は $scope オブジェクト追加挙動(方法)

cこの説明から、angglarJSにおいてControllerは機能領域であり、その作用領域はそれに付加されたDOMラベルドメインであり、次にControllerはドメインオブジェクト及び方法を提供して、その役割領域内のDOMラベルの双方向結合またはイベント処理を実現することができる.簡単な例を見てください.

 
                
                    
                        
                                
                        
                    
                    
                        
                               
                            
                        
                        
                              
                            
                        
                        
                            
                        


                    
                 
  
 
  
 
   
     div      LoginCtrl    ，             id=login div。      html     LoginCtrl       UserInfo   ，       UserName，Password  ，   LoginCtrl        Login    。          ： 
   
  var loginApp = angular.module("loginApp", []);
loginApp.controller('LoginCtrl', function ($scope, $http) {
    $scope.UserInfo={
        UserName:"admin",
        Password:"admin"
    }
    $scope.Login=function() {
        $http.post('/account/login', $scope.UserInfo).success(function (data,status) {
            console.log('    ');
        }).error(function (data,status) {
            console.log('    ');
        });
        
    }
});
は のコードから かるように、controller  もモジュールベースであり、 Controllerは つのモジュールで  しなければならない.
 のControllerの  の  パラメータはControllerの  で、 のfunctionsはその    です.このcongrollerは$scope、httpを う  があるので、この    は つのanglarのサービスを  しました.カスタムサービスがあれば、  しても    に  する  があります.もう つの  は  の りです.
loginnap.co ntroller(''LoginCtrl'、'$scope'、''http',function($scope、$http)})
この  の  のパラメータはまだControllerの  で、 はこの  と、  の で はこのControllerの  なサービス   であり、  はControllerの  である.
このControllerでは、オブジェクトと  を  していますが、ここでは  $scopeで  されていますので、  の は$scopeの  だと  できます.
  に、Controllerの  と   については、 Controllerは つのviewに  していますが、  のControllerが じ  を う  は じ  をサービスにすることを  して、Controllerにこのサービスを び して、Controllerに する  を  します.   には  を  してさらに  します.

WeChatサービス番号ウェブページのライセンス作成