MVC Список моделей в AngularJs

0

У меня есть модель, у которой есть studentID, firstName, LastName, PhotoURL и список, я пытался привязать модель к 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: 

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

я так пробовал

<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);

его печать Джон Доу

Теги:
asp.net-mvc

1 ответ

1
Лучший ответ

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

  • 0
    о, моя ошибка, спасибо, это работает :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню