角度コントローラのMVCコントローラから返されたJSONデータを読む

Question

AngularJSの新機能です。簡単な質問であれば、私の謝罪を受け入れてください。質問のタイトルが理解できることを願っていますか？

私はASP.Net MVCアプリケーションでAngularJSを使用して、SQLサーバーテーブルからデータを準備し、ビューにデータを表示します。すべてがうまく見えますが、より高度な作業を進めようとすると、Angularモジュールからオブジェクトを読み取ることができないことがわかります。

たとえば、ユーザーの連絡先の詳細を読んで、各ユーザーの連絡先の数が異なります。したがって、ng-repear limitToは同じであってはいけません。これを行うには、私はいくつかのデータを読みたかったし、私がデータベースで見つかった項目の数に変数を設定し、これが私の見解の一部である私のng-repear limitTo

でその変数を使用します。

<table> 
<tr ng-repeat="contact in users | limitTo:loopVar"> 
    <td> 
     <div ng-show="!contactsElements" class="item_list">{{contact.contacts + " (" + contact.contactDesc + ")"}}</div> 
    </td> 
</tr> 

： loopView

は、私はこれは角モジュール/コントローラである

を使用する変数であります

MVCコントローラは以下の通りです：

public JsonResult GetUser() 
    { 
     User userData = (User)Session["user"];    
     var db = new testDBEntities(); 
     return this.Json((from userObj in db.Users 
          join uc in db.UserContacts 
          on userObj.Id equals uc.usrID 
          join us in db.Users 
          on userObj.usrSupervisor equals us.Id 
          where userObj.Id.Equals(userData.Id) 
          select new 
          { 
           Id = userObj.Id, 
           usrNme = userObj.usrNme, 
           fName = userObj.usrFirstName, 
           lName = userObj.usrLastName, 
           ssno = userObj.usrSSN, 
           contacts = uc.usrContact, 
           contactDesc = uc.usrContactDescription, 
          }) 
          , JsonRequestBehavior.AllowGet 
         ); 
    } 

私はあなたが私のポイントを理解してほしい...一般的には、どのように私は私の見解では、それを使用する前に、私の角度コントローラに返さJSONオブジェクトを読み取ることができますか？ご覧のとおり、私はng-repeatディレクティブを使用して私のビューでデータを読み取ることができますが、私は角度コントローラの個々のフィールドをどのように準備するか分かりません。

は、返されたデータオブジェクトは、あなたのコントローラー化するJsonResultでそれを指定する方法をフォーマットされているあなたに

Answer 1

ありがとうございます。あなただけ化するJsonResultにコントローラから一つの値を送信したい場合は、この

は、例えば、あなたが言ってみましょうようにあなたがそれを行うことができますGETUSER機能

$http.get('/Home/GetUser') 
    .success(function (result) { 
     $scope.users = result; 

     //Loop the json 
     if (result != null) { 
      for (var i = 0; i < result.length; i++) { 

       //Then you get the values like this 

       //result[i].Id; 
       //result[i].usrNme; 
       //result[i].fName; 
       //result[i].lName; 
       //result[i].ssno; 
       //result[i].contacts; 
       //result[i].contactDesc; 

       } 
     } 

    }) 
    .error(function (data) { 
     console.log(data); 
    }); 

あなたのコントローラから渡された配列内の各を取得するために

お使いのコントローラに（）メソッド呼び出しGetLoopVarを持っている：

public JsonResult GetLoopVar() 
{ 
    string loopVar = "Im a var"; 
    return Json(loopVar, JsonRequestBehavior.AllowGet) 
} 

を使用しているクライアントに

$http.get('/Home/GetLoopVar') 
    .success(function (result) { 

     $scope.loopVar = result; 

     //$scope.loopVar = "Im a var" 

    }) 
    .error(function (data) { 
     console.log(data); 
    }); 

ここで2つを組み合わせて目的を達成するには、まずフィルタで使用される範囲値が設定されていることを確認します。 loopVarが設定されたら、ユーザーを取得します。それをする 一つの方法は、あなたが `loopVar`が定義されている。この

myApp.controller('mainController', function ($scope, $http) { 

    $scope.getLoopVar = function(){ 
     $http.get('/Home/GetLoopVar') 
      .success(function (result) { 
       $scope.loopVar = result; 

       //Call get user function 
       $scope.getUsers(); 
      }) 
      .error(function (data) { 
       console.log(data); 
      }); 
    }; 

    $scope.getUsers = function(){ 
     $http.get('/Home/GetUser') 
      .success(function (result) { 
       $scope.users = result; 
      }) 
      .error(function (data) { 
       console.log(data); 
      }); 
    }; 

    //To get the values on load, call the $scope.getLoopVar() in the controller 
    $scope.getLoopVar(); 
}