2

こんにちは、私はAngularが初めてで、いくつかのことを行う方法を学ぼうとしています. 次のデータを表示しようとして行き詰まりました。Chrome 用の Batarang プラグインを使用すると、モデルにラップされた次の json を返す安らかな Web サービスを確認できます。

    { 
    course:  { 
        country: Test1
        numberEnrolledPerMonthPerWeek:  { 
            entry: 
            [  { 
                key: 2
                value:  { 
                    numberEnrolled: 0
                    weeks: 2
                    year: 2011
                } 
            } ,  { 
                key: 3
                value:  { 
                    numberEnrolled: 4
                    weeks: 3
                    year: 2011
                } 
            } ,  { 
                key: 4
                value:  { 
                    numberEnrolled: 6
                    weeks: 4
                    year: 2011
                } 
            } ,  { 
                key: 8
                value:  { 
                    numberEnrolled: 0
                    weeks: 8
                    year: 2011
                } 
            }  
            ]
        } 
    } 
 }

各キーの numberEnrolled 値を列に取得しようとしています。だから私のhtmlには次のものがあります

<table class="table table-striped table-bordered">
            <tr ng-repeat="course in enrolledcourses.enrolledEnrolment">
                <td>                                
                    {{course.country}}
                </td>   
                <td>
                    {{course.numberEnrolledPerMonthPerWeek[2].numberEnrolled}}
                </td>               
            </tr>   
        </table>

{{course.numberEnrolledPerMonthPerWeek[2].numberEnrolled}} は値を返さないので、numberEnrolled 値を取得するための正しい構文を教えてください。

私が試してみました

{{course.numberEnrolledPerMonthPerWeek.2.numberEnrolled}}
{{course.numberEnrolledPerMonthPerWeek[2][numberEnrolled]}}

私のコントローラーコードは次のとおりです

.controller('PeopleCtrl', function($scope, recruitmentFactory) {
    $scope.enrolledcourses = recruitmentFactory.get();


    $scope.test = "hello";
    $scope.save = function() {
        alert("save has been called");
    };
})
4

4 に答える 4

1

追加のヘルプを提供するために: JSON データをナビゲートする方法を理解する際に、この問題によく遭遇します。視覚化ツールを使用してみて、JSON を検証して正しいことを確認してください。

データを視覚化するために使用するものは次のとおりです: http://jsonviewer.stack.hu/ 検証はこちら: http://jsonlint.com/

于 2013-12-31T18:37:28.060 に答える