2015-07-06 3 views
0

У меня есть модели, которые имеют studentID, ПгвЬЫат, LastName, PhotoURL и список, я попытался связать модель с angularJs как этотMVC Список модель для AngularJs

var app = angular.module('StudentApp', []); 
app.controller('StudentCtrl', function ($scope) { 
    $scope.model = @Html.Raw(Json.Encode(Model)); 
    console.log($scope.model); 
}); 

когда я console.log его показывая мне, как этот

Object {StudentID: 0, FirstName: null, LastName: null, PhotoURL: null, _StudentList: Array[5]} 

FirstName: null LastName: null PhotoURL: null StudentID: 0 _StudentList:Array[5] 
0: Object 
    FirstName: "John" 
    LastName: "Doe" 
    PhotoURL: "phone-wallpaper-1920x1200.jpg" 
    StudentID: 5 
    _StudentList: null__proto__: 
1: Object 
    FirstName: "Ahri" 
    LastName: "Fox" 
    PhotoURL: "ahri-wallpaper-1920x1200.jpg" 
    StudentID: 6 
    _StudentList: null__proto__: 
Object2: 
Object3: 
Object4: 

Это означает, что я получил данные из пяти студентов, теперь я хочу использовать нг-повтор и печать этих пяти студентов данных

я пытался Лик е это

<table class="table" ng-app="StudentApp"> 
<tbody ng-controller="StudentCtrl"> 
    <tr> 
     <th>Key</th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Profile picture</th> 
     <th>Options</th> 
    </tr> 
    <tr ng-repeat="student in $scope.model._StudentList"> 
     <td></td> 
     <td>{{student.FirstName}}</td> 
     <td>{{student.LastName}}</td> 
    </tr> 
} 
</tbody> 

но ее не работает

везде, если я утешать войти как это его рабочая

console.log($scope.model._StudentList[0].FirstName); 
console.log($scope.model._StudentList[0].LastName); 

его печать John Doe

ответ

1

Вы не должны использовать $ scope в ng-repeat просто сделайте его model._StudentList, тогда он будет работать.

+0

о, моя ошибка, спасибо, ее рабочая :) – Arjun

Смежные вопросы