javascript - AngularJS：在每个项目的点击上附加相同的结构

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>

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

那是什么逻辑？

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

请帮助。谢谢。

Answer 1

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