Question

以下代码呈现标签，每个标签下的部分以及该部分的内容。当从一个部分导航到另一个部分时，我注意到观察者的数量每次都在增加（或）。

任何人都可以说出这可能是什么原因。感谢任何指针

            <ul class="nav nav-tabs">
                <li ng-repeat="tab in tabList track by tab.tabId" id="{{tab.attribute}}"
                    ng-class="{active:selectedTab.attribute === '{{tab.attribute}}'}">
                    <a showtab="" href="#{{tab.attribute}}" ng-click="setSelectedTab(tab)">{{tab.displayLabel}}</a>
                </li>
            </ul>
            <div class="tab-pane">
                <div class="" ng-if="selectedTab.sectionList.length > 0">
                    <ul class="nav nav-pills pills-section">
                        <li ng-repeat="section in selectedTab.sectionList track by section.sectionId" id="{{section.attribute}}" ng-class="{active:selectedSection.attribute === '{{section.attribute}}'}">
                            <a showtab="" href="#{{section.attribute}}" ng-click="setSelectedSection(section)">{{section.displayLabel}}</a>
                        </li>
                    </ul>
                    <!-- Content of the section rendered with ng-repeat -->
                    <div ng-include="sectionContent"/>
               </div>
            </div>

部分内容具有以下标记

    <table>
        <tbody>
        <tr ng-repeat="field in selectedSection.fields track by field.fieldId">
        </tr>
        </tbody>
    </table>

Answer 1

之前我遇到过类似的问题，嵌套ng-repeats从来都不是一个好主意，但我们不时会被迫这样做。这是您获得性能优势的解决方案。

http://kamilkp.github.io/angular-vs-repeat/

与ng-repeat合计的观察者数量

1 个答案: