Angularjs 在ng repeat中将相同类型的元素一起绘制_Angularjs_Angularjs Ng Repeat_Angular Filters

Angularjs 在ng repeat中将相同类型的元素一起绘制

angularjs

Angularjs 在ng repeat中将相同类型的元素一起绘制,angularjs,angularjs-ng-repeat,angular-filters,Angularjs,Angularjs Ng Repeat,Angular Filters,我想把小瓷砖画成几块。在小瓷砖之前先画大瓷砖，直到我们有两块小瓷砖。但是json可能是无序的。例子： javascript: var explora = angular.module("explora", ['ngSanitize']); explora.controller("exploraController", function ($scope) { $scope.pois = [ { "card

我想把小瓷砖画成几块。在小瓷砖之前先画大瓷砖，直到我们有两块小瓷砖。但是json可能是无序的。例子：

javascript:

css:

在控制器中执行此重新排序，视图不能如此智能。请使用自定义筛选器。

<body ng-controller="exploraController">

    <div ng-repeat="poi in pois" ng-class="poi.cardSize ? 'small' : 'big'"></div>

</body>

.big{ width: 96%;background-color: cornflowerblue;padding: 1%;margin: 2%;height: 5rem; clear: both; } .small{ width: 45%;background-color: yellowgreen;padding: 1%;margin: 2.3%;height: 5rem; float: left; }