在AngularJS

Question

我有我寫了jQuery的一個應用程序，我目前AngularJS重寫合併兩個div在一起。我有兩張雙人牀（基於div/css的）可以組合成一張特大牀，反之亦然，通過自舉按鈕切換。

爲了使這個職位更一般有用到其他觀衆，讓我們只是覺得這種情況是分離和合並兩個圓形邊框的div。所以，我們有兩個矩形div，它們之間有圓形邊框和邊距。有這些div的，這意味着有可能是2，可以有如圖7所示，但是隻有一對應該結合在一起（在7,3個體對的情況下可以結合並與它們成對的div分開，一個是左任意量出）。

以下注釋代碼段中的合併CSS一些納克級的信息：

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

這裏是一個plunker：http://plnkr.co/edit/4JO0v8thqABkH4gy7di0?p=preview

什麼是處理這種情況最乾淨的角度呢？

---

注意：我已經在使用ng-animate，所以使用它的任何解決方案都是受歡迎的。我也歡迎基於指令的解決方案。我基本上正在尋找處理這種情況的最佳實踐方法。我已經嘗試了僅基於html的ng-class解決方案，但這似乎並不是處理這種情況的最佳方法。

Answer 1

聽起來就像是最好的解決方案將涉及ng-class和一些CSS。你可以很容易地從CSS合併「牀」的較近側刪除邊框和邊距和這樣你的角碼不會得到通過如何顯示的東西複雜化。