Объедините два деления вместе в AngularJS

Question

Объедините два деления вместе в AngularJS

0

У меня есть приложение, которое я написал в jQuery, которое я сейчас переписываю в AngularJS. У меня есть ситуация, когда две односпальные кровати (на основе div/css) могут быть объединены в королевскую кровать, а наоборот - с помощью переключателя кнопки бутстрапа.

Чтобы сделать этот пост более универсальным для других зрителей, давайте просто подумаем об этой ситуации как о разделении и объединении двух закругленных границ. Итак, у нас есть два прямоугольника div с закругленными границами и полями между ними. Существует произвольное количество этих div, то есть может быть 2, может быть 7, но только одна пара должна объединиться (в случае 7, 3 отдельных пары могут объединяться и разделяться с их парным div, а один остается вне).

Следующий фрагмент кода комментария содержит некоторую информацию о ng-классе для объединения css:

<!-- <div data-ng-class="{'bed combinableAttachedBed':bed.bedType='Twin-Combinable'}" ng-class-odd="'leftBed'" ng-class-even="'rightBed'" > </div> -->

Вот плункер: http://plnkr.co/edit/4JO0v8thqABkH4gy7di0?p=preview

Каков самый чистый угловой способ справиться с такой ситуацией?

Примечание. Я уже использую ng-animate, поэтому любое решение, использующее это, приветствуется. Я также приветствую директивные решения. Я в основном ищу лучший способ справиться с этой ситуацией. Я пробовал использовать угловые html-решения только на основе ng-класса, но это просто не похоже на лучший способ справиться с этой ситуацией.

Austin Williams 21 март 2016, в 07:13

Источник

1

предоставить код, поршень
madalinivascu 21 март 2016, в 05:50

Теги:

javascript

jquery

angularjs

angularjs-directive

ng-animate

1 ответ

Ещё вопросы

mcfedr · Answer 1 · 2016-03-21T06-13-00.000Z

Похоже, лучшее решение будет включать ng-class и некоторые CSS. Вы можете легко удалить границу и маржу с более близкой стороны комбинированных "кроватей" с помощью CSS, и таким образом ваш угловой код не будет усложняться, как вещи отображаются.

Это тот подход, который я пробовал, но поскольку я уже использую ng-класс для некоторых других вещей, я подумал, что я бы выбрал другой подход. Сейчас я делаю еще один удар по этому подходу.