Javascript 单击时运行ng repeat（当ng show为真时）？

我有一个表正在填充

ng repeat

。表格有100行，如果您单击任意一行，新表格将显示，（带有

ng show

）并对产品进行更深入的描述。但是

ng repeat

速度很慢，在加载页面时生成101个表，这降低了我的web应用程序的性能。是否有一种方法，使用angular（无外部库），仅当用户单击某行时才运行

ng repeat

（

ng show

为true）

注意：每个隐藏表都是唯一的

这是我的html表格：

<tbody>
    <tr ng-repeat-start="car in sortedCarList" ng-click="showTable(car)">
        <td><a target="_blank" href="{{car.carLink}}">{{car.name}}</a></td>
        <td>{{car.review}}</td>
        <td>{{car.rating}}</td>
        <td>{{car.fiveStarPercent}}</td>
        <td>{{car.recommended}}</td>
        <td>{{car.price}}</td>
    </tr>
    <tr ng-repeat-end ng-show="modelRow.activeRow==car.name && showDetails && car.allReviews.length!=0" class="hidden-table">
        <td colspan="6">
            <table class="table table-striped table-bordered table-condensed table-hover">
                <thead>
                    <tr>
                        <th>Year</th>
                        <th>Reviews</th>
                        <th>Rating <span class="fiveStar">/5</span></th>
                        <th>Recommended</th>
                        <th>Reliability Rating</th>
                        <th>Performance Rating</th>
                        <th>Running Costs Rating</th>
                    </tr>
                </thead>
                <tbody ng-repeat="rev in car.allReviews">
                    ....

{{car.review}
{{car.rating}
{{car.fiveStarPercent}
{{car.recommended}
{{car.price}}
年
评论
评级/5
推荐
可靠性等级
绩效评级
运行成本评级
....

尝试使用

ng if

而不是

ng show

切换嵌套表。这将延迟嵌套表中的任何

ng repeat

，直到它显示出来。

看起来一切正常，性能也更好！