Проблема с вложенным ng-repeat

Question

Проблема с вложенным ng-repeat

0

У меня проблема с вложенным ng-repeat:

<div ng-repeat="IS in ISList">

            ...

            <div ng-repeat="area in areaList">
                <h5 ng-if="hasAreaResult(IS, area)">{{area}}</h5>
                <md-grid-list md-cols-sm="1" md-cols-md="2" md-cols-lg="3" md-cols-gt-lg="4"
                              md-row-height-gt-md="1.25:1" md-row-height="1:1"
                              md-gutter="10px" md-gutter-gt-sm="10px" class="grid">

                    <md-grid-tile class="gray" ng-repeat="carto in filterCartoList()" class="slide" ng-if="carto.informationSystem == IS && carto.type != 'AM' && carto.type != 'IF' && carto.area == area && !carto.block  && carto.level != 'theme'">
                        <md-button ng-click="changeSVG(carto.fileName)" aria-label="carto.displayName">
                            <img src="style/images/thumbnails/{{carto.fileName}}.png" width="100%" height="100%" title="{{carto.fullDisplayName}}" style="max-height: 220px;"></img>
                        </md-button>
                        <md-grid-tile-footer><h3 align="center">{{carto.displayName}}</h3> </md-grid-tile-footer>
                    </md-grid-tile>

                </md-grid-list>

                <div ng-repeat="block in blockList">
                    <h6 ng-if="hasBlockResult(IS, area, block)">{{block}}</h6>
                    <md-grid-list md-cols-sm="1" md-cols-md="2" md-cols-lg="3" md-cols-gt-lg="4"
                                  md-row-height-gt-md="1.25:1" md-row-height="1:1"
                                  md-gutter="10px" md-gutter-gt-sm="10px" class="grid">

                        <md-grid-tile class="gray" ng-repeat="carto in filterCartoList()" class="slide" ng-if="carto.informationSystem == IS && carto.type != 'AM' && carto.type != 'IF' && carto.area == area && carto.block == block && carto.level != 'theme'"> 
                            <md-button ng-click="changeSVG(carto.fileName)" aria-label="carto.displayName">
                                <img src="style/images/thumbnails/{{carto.fileName}}.png" width="100%" height="100%" title="{{carto.fullDisplayName}}" style="max-height: 220px;"></img>
                            </md-button>
                            <md-grid-tile-footer><h3 align="center">{{carto.displayName}}</h3> </md-grid-tile-footer>
                        </md-grid-tile>

                    </md-grid-list>
                </div>
            </div>
        </div>

Поскольку я добавил <div ng-repeat="block in blockList">, мой браузер выглядит загруженным и сбой. Циклы не так уж и длинны, поэтому я не знаю, почему это имеет такое поведение

Ellone 06 июль 2015, в 15:27

Источник

Теги:

javascript

html

angularjs

angularjs-ng-repeat

1 ответ

Ещё вопросы

Tushar · Accepted Answer · 2015-07-06T10-43-00.000Z

Проблема с IDE. Он считает, что это атрибуты HTML, и поскольку атрибут с этим именем отсутствует, он говорит, что это запрещено.

Для решения этой проблемы префикс с data-. Это сделает атрибут действительным, и ошибка не будет отображаться.

<div data-ng-repeat="block in blockList">
    <h6 data-ng-if="hasBlockResult(IS, area, block)">{{block}}</h6>