Question

我有一个单页面应用程序，它使用ngRoute在ng-view上查看页面。切换效果很好。我遇到了一个问题，其中ngview显示的一个html页面有一个ngRepeat表。看完几篇文章后，我注意到ngrepeat不能在ngview中使用。任何解决方法？

index.html（母版页）

...
<div id="main" class="container">
    <div ng-view></div>
</div>
...

EventList.html（由ng-view显示）

<div id="listView" >
    <div ng-controller="EventListCtrl">
        <table class="one">
            <thead>
            <th>EventId</th>
            <th>Heading</th>
            <th>EventDate</th>
            <th>EventTime</th>
            <th>UserId</th>
            </thead>
            <tbody>
                <tr ng-repeat="item in items ">
                    <td>{{item.EventId}}</td>

                </tr>
            </tbody>
        </table>
    </div>
</div>

ng-repeat =“项目中的项目”没有填充，我的角度函数都可以正常工作

Answer 1

默认情况下，Angular在任何时候都只能激活1 ng视图。您可以通过将ng-view放在div中来解决这个问题，然后使用ng-if指令控制该div的可见性。

<div ng-if="someCondition">
    <ng-view></ng-view>
</div>

<div ng-if="!someCondition">
    <ng-view></ng-view>
</div>

注意：确实不建议使用多个视图。

编辑：重新阅读你的问题后，我想也许你的意思是在ng-view元素中使用ng-repeat？

<ng-view>
   <div ng-repeat="...."> </div>
</ng-view>

这应该可以正常工作。

ng-view中ng-repeat的任何解决方法

1 个答案: