2016-08-28 9 views
-1

ng-repeat(ng-repeat = "a student.store")を動作させることができません。エラーは発生しませんが、同時に出力を表示しません。提案してください 。あなたがいるAngularjsでng-repeatを取得できません

==============================

私の角度コード

var module = angular.module('MyApp', []) 
        .controller('MyController', function ($http, $scope) { 
         $http.get('/Department/getDept').success(function (response) { 
          $scope.departments =$scope.$eval(response); 
         }); 

         $http.get('/Department/getStudents').success(function (resp) { 
          $scope.students = $scope.$eval(resp); 
         }); 

         $scope.student = function(id) 
         { 

          var studentsInThatDepartment; 
          angular.forEach($scope.students, function (item) { 
           if (item.departmentId == id) 
           { 
            studentsInThatDepartment = item; 
           }        
          }) 
          $scope.store = angular.toJson(studentsInThatDepartment); 
          //return store; 

         } 


======================================================= 
mvc controller code 
======================================================== 

public JsonResult getDept() 
     { 
      testdb_1Entities db = new testdb_1Entities(); 
      return new JsonResult 
      { 
       Data = JsonConvert.SerializeObject(db.tbl_departments.OrderBy(x => x.ID).ToList()), 
       JsonRequestBehavior = JsonRequestBehavior.AllowGet 
      }; 

     } 

     public JsonResult getStudents() 
     { 
      testdb_1Entities db = new testdb_1Entities(); 
      return new JsonResult 
      { 
       Data = JsonConvert.SerializeObject(db.tbl_students.OrderBy(x => x.id).ToList()), 
       JsonRequestBehavior = JsonRequestBehavior.AllowGet 
      }; 

     } 

========================================== 
Index.cshtml code 
========================================== 

<tbody> 
          <tr ng-repeat="a in student.store" ng-class-even="'even'" ng-class-odd="'odd'"> 
           <td class="CX"><span>+</span></td> 
           <td>{{a.id}}</td> 
           <td>{{a.firstName}}</td> 
           <td>{{a.lastName}}</td> 
           <td>{{a.gender}}</td> 
           <td>{{a.departmentId}}</td> 
          </tr> 
+0

'student'メソッドですか? – Shyju

+0

実際には、学生の機能に部門IDを渡しており、その部門の学生を検索することを期待しています...そして、私はそうではありません –

+0

ここであなたのビューコードに部門IDを渡していますか? – Shyju

答えて

0

存在しないオブジェクトを参照してください:配列(?)がスコープ($scope.store)に直接割り当てられているため、student.store階層はコードに存在しません。あなたは何ができるか

は(他のあなたのコードをclearifyより)です:

学生(<tr ng-repeat="a in students ...> </tr>)上でNGリピートを使用します。おそらく、これはあなたが必要とするコレクションです({{a.firstName}}の使用などを考慮して)。

又は

ストア上NGリピートを使用するが、フォーム<tr ng-repeat= "(key, value) in store" ...> </tr>で(しかし、奇妙であろうことだ:なぜ、{{store.myProperty}}を使用していない

+0

私が使用したいです私のng-repeatのためのビューとして 'store'モデル内のコレクション...しかし、私は(ng-repeat = "a student.store")でいくつかの間違いをしています。このコレクションはどこにありますか? –

+0

をお勧めしますか?どのようにその名前ですか?ストアオブジェクトの例を投稿できますか? – Luxor001

+0

storeはオブジェクトではありません。私のビューのモデルです... json format.iでは 'store'よりng-repeatを使いたいと思います。私はng-repeatで 'store'を使うことができない以外はすべて問題ありません。 –

関連する問題