使各个角度网格物品可调整大小并可拖动？

Question

所以我使用Angular-gridster为我的Angular应用程序提供仪表板感觉。

仪表板中的每个小部件或项目都可以最小化，最大化，关闭。它们也可以被拖动和移动。

当我最小化窗口小部件时，我注意到它仍然可以调整大小，我只是将窗口小部件的底部拖动到任意大小，而不会重新加载窗口小部件。

看起来像这样：

看起来resizable属性设置为所有gridster opts，所以我需要另一种方法来解决它。关于如何最好地解决它的任何建议。

Answer 1

我还没有为我的任务找到解决方案。 但如果你需要快速完成 - 你可以做到这一点：

/* hide all resize-handlers */
.resize-trick .gridster-item-resizable-handler { display: none; }

/* show one if wee need */
.resize-trick.resize-only-height .gridster-item-resizable-handler.handle-s { display: block; }

<li ... class="resize-trick resize-only-height"> 
There is your widgets ng-repeat...
Angular Gridster add handler elements for resize.
But you can just hide some of it using CSS :3

<div class="gridster-item-resizable-handler handle-s"></div>
<div class="gridster-item-resizable-handler handle-e"></div>
<div class="gridster-item-resizable-handler handle-n"></div>
<div class="gridster-item-resizable-handler handle-w"></div>
<div class="gridster-item-resizable-handler handle-se"></div>
<div class="gridster-item-resizable-handler handle-ne"></div>
<div class="gridster-item-resizable-handler handle-sw"></div>
<div class="gridster-item-resizable-handler handle-nw"></div>

</li>