AngularJs 可调整大小的边框布局

Question

在我的应用程序中，将有一个页面占据整个窗口（即您不能向任何方向滚动，页面会自行调整大小以适应窗口大小）。我确信我可以做一些 CSS 技巧来实现这一点，但是这个页面也将包含一些可调整大小的区域。基本上会有一个侧边栏，用户可以使其更宽（在最小-最大范围内）。

基本上我要做的是重新创建this page if you select "Border" under Basic Layouts。我对如何做到这一点有点茫然。我应该尝试引入一些 jQuery UI，还是有一个纯粹的 AngularJS 来做呢？

我知道我没有提供任何代码，所以我不希望有人给我完整的工作代码。但是朝着正确的方向轻推会很棒！

Answer 1

不，没有像您提到的那样编写一些新代码或将框架添加到组合中的“纯”AngularJS 方法。我建议看看更流行的 UI 框架，看看它们是如何适应的（可能是 jQueryUI，甚至是 Sencha）。

此外，您可以/可以编写一个指令来包装您对组件的使用，使其更加黑盒化，并本着 AngularJS 的精神（&这样您将来可以更轻松地替换它）。

鉴于创建跨浏览器的功能可能有点棘手（取决于支持的浏览器），最好将它留给其他做过的人。

Answer 2

有点晚了，但猜猜这是你想要的AngularJS UI Layout

一个带有 AngularJS 的边框布局或 splitterlayout 插件。