首页 > angualr 动态 tab 页实现思路

angualr 动态 tab 页实现思路

angualrjs 做的管理后台能做到 bui那种动态的tab页吗?
就是左边菜单点击,右上动态增加和缓存,
效果 :
http://www.builive.com/apps/d...

我做了一下发现现在是 用 ui-router 和 ui-view 绑定的,iframe用不了


我给我们公司做了一套,不过没有基于ui-router,因为angular本身主旨是针对单页面应用的,因此要实现动态增加tab标签页的目的违背了angular. 我们的客户要求的也是那种需要在不同标签页之间来回切换,因为他们需要对比数据。不同的标签页是相对独立的。

我实现的逻辑是借助了 oc.lazyload 这个组件,动态生成对应的tab,每一个tab在dom树里其实是一个节点,通过include方式引入模板,然后挂载控制器和作用域。 为每一个tab生成相关的一些方法和逻辑。

这个项目我在 http://git.oschina.net/vicco/... 做了分享。
不过上面是个原型版本,还需要后期进行扩展。楼主你可以看看。写的不好~哈


确实需要ui-router,完全可以做到,在实践过程中不建议引入iframe,毕竟frame都被h5废除掉了。

推荐 http://www.html5jq.com/fe/ang... 深入了解一下

【热门文章】
【热门文章】