AngularJs可调整边框布局

时间:2013-01-21 16:42:56

标签: angularjs

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

基本上我要做的是重新创建this page if you select "Border" under Basic Layouts。我对如何做到这一点感到有点失落。我应该尝试介绍一些jQuery UI,还是只有一个纯粹的AngularJS呢?

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

2 个答案:

答案 0 :(得分:2)

不,没有“纯粹的”AngularJS方法可以在不编写新代码或添加框架的情况下执行此操作,如您所提到的。我建议查看更流行的UI框架,看看它们是如何适合的(可能是jQueryUI,甚至是Sencha)。

另外,你可以编写一个指令来将你对组件的使用包装成黑盒子,并且符合AngularJS的精神(以便将来更容易替换它)。

鉴于创建跨浏览器(取决于支持的浏览器)的功能类型可能有点棘手,最好留给那些已经完成它的人。

答案 1 :(得分:0)

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

使用AngularJS的borderlayout或splitterlayout插件。