Angular ui-布局切换不起作用

Question

Angular 版本 - 1.4.7 Ui-布局版本 - 1.4.1 Plunkr Link - Ui-layout Collapse problem

<div ui-layout-container id="main1" size="20%" min-size="20%">
  One
</div>
<div ui-layout-container id="main2" size="80%" min-size="80%">
  Two
  <div ui-layout="config2">
    <div ui-layout-container id="child1" size="80%" min-size="80%">
      <br/> Three
    </div>
    <div ui-layout-container id="child2" size="20%" min-size="20%">
      Four
    </div>
  </div>
</div>

plunkr 示例中 "two" 部分的折叠无法使用一|二拆分器中的切换按钮工作。同样，plunkr 示例中 "four" 部分的折叠在使用三|四拆分器中的切换按钮时不起作用。请帮助

Answer 1

来晚了，但我想我知道答案了。

UI-布局仅允许您在 min/max 大小可能时拖动。比如你有min-size:"20%" max-size="20%"，你根本就不能拖动，因为范围内没有弹性。

因此，如果您将两个相邻的 ui-layout-container 设置为分别具有 20% 和 80% 的最小尺寸，当然您将无法拖动——没有两个 div 所在的位置可以满足两个最小尺寸。

Answer 2

ui-layout 中似乎存在错误，因此它不会折叠右侧或底部面板。

这是经过修复的更新版 Plunkr UI-Layout Collapse Fix

我在 ui-layout1.4 的第 529 行添加了这个。1.js ...

prevContainer.uncollapsedSize = null;

Angular ui-布局切换不起作用

Angular ui-layout toggle not working

javascript

layout

angularjs

angular-ui