AngularJS中数组中的项目

时间:2016-03-01 16:26:52

标签: javascript angularjs

这是我的代码,我从json文件中获取数据并将其放入数组中。我想从我的数组中只取5个项目,但我想在app.js文件中执行该代码,而不是在html文件中。 所以我不想在limitTo中使用ng-repeat。

$http.get('auto_quiz_data.json').then(function(quizData){
        $scope.myQuestions = quizData.data;
        $scope.totalQuestions = $scope.myQuestions.length;
        shuffleArray($scope.myQuestions);

    });

这是html

    <div id="myQuiz" ng-controller="QuizController">
<p class="txt">{{totalQuestions}}</p>
</div>

有人请告诉我如何在视图中仅打印5个项目。

1 个答案:

答案 0 :(得分:0)

我认为这就是你要找的东西,

<div ng-repeat="item in myQuestions | limitTo: 5">
    <p>{{item}}</p>
</div>

在角度中,您可以使用limitTo过滤器来自定义要显示的项目数 希望这有帮助吗?