显示美元范围.在html的控制器中定义的数组

Question

我有一个$作用域。在login.js中像这样的数组:

[
{"Module Code": "module1", "marks": "40", "Recommendation": "test"},
{"Module Code": "module2", "marks": "50", "Recommendation": "exam"}
]

我想发送这个$scope。数组返回到要使用ng-repeat显示的视图中，但它不起作用。

这是我的html文件的样子:

<div ng-controller="loginCtrl">
<div ng-repeat="item in resultsArray">
    <ul>
        <li ng-repeat="i in item">{{i}}</li>
    </ul>
</div>

这是我如何从login.js重定向到html文件:

$scope.resultsArray.push({
    "Module Code": $scope.moduleCode,
    "Marks" :$scope.marks,
    "Recommendation" :$scope.moduleRecommendation
})
$location.path('StudentGrades')

如何在html文件中显示它

Answer 1

你可以这样做:

首先像这样创建一个数组:

$scope.resultsArray = [];

然后假设你的结果数组是这样的:

$scope.resultsArray = [{"ModuleCode": "module1", "marks": "40", "Recommendation": "test"},
{"Module Code": "module2", "marks": "50", "Recommendation": "exam"}]

然后在你的视图中:

<div ng-controller="loginCtrl">
<div>
    <ul ng-repeat="item in resultsArray">
        <li>item.ModuleCode</li>
        <li>item.marks</li>
       <li>item.Recommendation</li>  
    </ul>
</div>