Question

在我的代码中，我有一堆由ng-repeat渲染的项目。这些项使用引导类 col-md-3 我想添加一个功能，允许用户通过点击其中一个项目来查看大型细节面板。

但是我想通过在我的DOM中只有一个细节面板并移动它来实现它。

html是这样的：

<div ng-repeat="thing in thingsCtrl.things">
  <thing-widget class="col-md-3"></thing-widget>
</div>

<thing-detail ng-show="thingsCtrl.showDetail" class="col-md-12"> </thing-detail>

有机会完成吗？

提前致谢。

Answer 1

您可以尝试在ng-repeat中移动thing-detail并使用$ index添加或不添加。

<div ng-repeat="thing in thingsCtrl.things">
  <thing-widget class="col-md-3"></thing-widget>
  <thing-detail ng-if="$index === nth" ng-show="thingsCtrl.showDetail" class="col-md-12"> </thing-detail> 
</div>

如何在第n个ng-repeat项之后添加自定义指令div

1 个答案: