Как добавить пользовательскую директиву div после nth ng-repeat элемента

Question

Как добавить пользовательскую директиву div после nth ng-repeat элемента

0

В моем коде у меня есть куча предметов, созданных ng-repeat. Эти элементы используют класс bootstrap 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>

любой шанс достичь?

Заранее спасибо.

Koop4 26 апр. 2016, в 18:58

Источник

Теги:

html

angularjs

1 ответ

Ещё вопросы

tpsilva · Accepted Answer · 2016-04-26T13-37-00.000Z

Вы можете попробовать переместить деталь-деталь внутри ng-repeat и использовать $ 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>

Я попробовал это решение, но я хочу только одну панель подробностей в моем DOM.
Существует только один индекс $, который будет соответствовать ngIf, поэтому у вас будет только одна панель подробностей внутри вашей DOM.
смогу ли я переместить панель в зависимости от элемента, на который нажал пользователь?
Если вы добавите другое значение для управления видимостью onClick, да. Вместо использования $ index вы можете оценить любое другое значение.