【问题标题】:Items from an array in AngularJS [duplicate]AngularJS中数组中的项目[重复]
【发布时间】:2016-06-14 04:20:39
【问题描述】:

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

$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 个项目。

【问题讨论】:

  • 您是否使用 ng-repeat 来显示问题?
  • 是的,但我不想使用过滤器limitTo。我希望代码在 js 文件中,它只带来 5 项,而不是在 html 文件中。
  • @dragon 您也可以使用slice 复制数组的一部分。
  • 我是 Angular Mike 的新手。请问你能告诉我我用 slice 修改的代码吗?
  • 这不是 Angular,它只是 JS。查看我链接到的页面上的示例。

标签: javascript angularjs


【解决方案1】:

我猜这就是你要找的,

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

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

【讨论】:

  • 我的朋友我不想使用过滤器limitTo。我希望代码在 js 文件中,它只带来 5 个项目,而不是在 html 文件中。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-09-08
  • 1970-01-01
  • 1970-01-01
  • 2019-01-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多