javascript - AngularJS : Appending the same structure on the click of each item

Question

我的 index.html 页面如下所示:

<div id="sidepanel" ng-controller="myCtrl">
<ul class="drop-down">
    <li ng-repeat="item in items">
        <a href="#">{{item.name}}</a>
    </li>
</ul>
</div>
<div id="mainpanel" ng-controller="listCtrl">
    <div ng-view></div>
</div>

对于这个 ng-view，我有 record-list.html 来显示所有记录，如下所示:

<div class="container">
    <ul class="design">
        <li id="{{record.name}}" ng-repeat="record in records">
            <div>......</div>
        </li>
    </ul>
</div>

现在我想在单击侧面板的每个项目时添加相同的结构(就像每条记录一样)。

那是什么逻辑？

我最近的用户界面看起来像这样&我想在每次点击时添加相同的结构，应该附加现有的结构。



请帮助。谢谢。

Answer 1

听起来可能每个“记录”都有一组子“记录”。如果是这种情况，我建议使用 Angular 的 ng-switch 指令在侧面有条件地显示正确(或否)的子记录集。