Question

我想用几块瓷砖将小瓷砖拼成一块。在小瓷砖前画大瓷砖，直到我们有两个小瓷砖。但是json可能会混乱。例： enter image description here

的javascript：


    var explora = angular.module("explora", ['ngSanitize']);

    explora.controller("exploraController", function ($scope) {


        $scope.pois = [
            {
                "cardSize": 0
            },
            {
                "cardSize": 1
            },
            {
                "cardSize": 1
            },
            {
                "cardSize": 1
            },
            {
                "cardSize": 1
            },
            {
                "cardSize": 0

            },
            {
                "cardSize": 1

            },
            {
                "cardSize": 0

            },
            {
                "cardSize": 1


            }
        ];


    });

HTML：

<body ng-controller="exploraController">

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

</body>

的CSS：


    .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;
    }

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

0 个答案: