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

【问题标题】：AngularJS : Appending the same structure on the click of each itemAngularJS：在每个项目的点击上附加相同的结构
【发布时间】：2013-04-22 07:25:11
【问题描述】：

我的 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 看起来像这样 & 我想在每次点击时添加相同的结构，应该附加现有结构。

请帮忙。谢谢。

【问题讨论】：

对不起，我有点困惑。让我澄清一下。单击按钮时，您想按该顺序将“记录”添加到视图中吗？

标签： javascript jquery angularjs angularjs-ng-repeat

【解决方案1】：

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

【讨论】：