角UI佈局切換不工作

角版本 - 1.4.7 UI的佈局版本 - 1.4.1 Plunkr鏈接 - Ui-layout Collapse problem 角UI佈局切換不工作

<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第「二」坍塌示例在one | two splitter中使用切換按鈕不起作用。同樣，在plunkr示例中，「four」的摺疊在使用三分割器中的切換按鈕時不起作用。請幫助

來源

2015-12-16 Soorya Prakash

似乎ui-layout中存在一個錯誤，所以它不會摺疊右側或底部面板。

下面是更新Plunkr與修復 UI-Layout Collapse Fix

我已經添加了這個在線UI的layout1.4.1.js的529 ...

prevContainer.uncollapsedSize = null;

來源

2017-02-10 02:17:31

這是遲到了，但我想我知道答案。

UI-Layout只允許您在最小/最大尺寸可能時拖動。例如，如果您有最小尺寸：「20％」max-size =「20％」，則根本無法拖動，因爲範圍內沒有靈活性。

因此，如果你設置了兩個相鄰的UI佈局容器，每個容器的最小尺寸分別爲20％和80％，當然你將無法拖動 - 沒有兩個div可以滿足這兩個要求最小尺寸。

來源

2016-08-04 20:08:53 Shal

角UI佈局切換不工作

回答

相關問題