AngularJs 可调整大小的边框布局

Question

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

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

我知道我没有提供任何代码，所以我不期望任何人给我完整的工作代码。但如果能朝着正确的方向插入那就太好了!

Answer 1

不，没有一种“纯粹的”AngularJS 方法可以做到这一点，而不需要编写一些新代码或添加一个框架，如您提到的那样。我建议查看更流行的 UI 框架，看看它们如何适合(也许是 jQueryUI，甚至 Sencha)。

此外，您可以编写一个指令来包装您对该组件的使用，将其进一步黑盒化，并符合 AngularJS 的精神(以便您将来可以更轻松地替换它)。

鉴于创建跨浏览器的此类功能可能有点棘手(取决于支持的浏览器)，因此最好将其留给其他已经完成此操作的人。