当前位置: 首页 > 知识库问答 >
问题:

angularjs:选项卡式视图设计问题

诸葛砚文
2023-03-14

[编辑]

类似于分部和模板的复杂嵌套问题

到目前为止,是使用Angulal-UI状态解决方案更好,还是应该坚持使用ng-包括?

到目前为止,我在AngularJS应用程序中每个URL有一个视图。我需要建立一个新的视图,它应该有3个选项卡,我在试图弄清楚如何设计视图架构方面遇到了困难。

请注意,这3个选项卡后面的业务模型对象是相同的。

第一个选项卡用于查看和编辑业务对象上的数据。所以第一个选项卡中已经有两个视图了。

第二个选项卡用于查看分页表,该表显示业务对象子集合中的数据。

第三个选项卡与第二个选项卡的作用相同,但用于另一个子集合。

显然,我不想一次加载整个业务对象。只有当用户导航到第二个或第三个选项卡时,我才会加载集合。

我现在主要关心的是如何组织这些观点?AngularJS的限制是每页只有1个视图。

此外,我需要处理浏览器历史记录,因此当选择选项卡时,URL必须更改,但我应该重新加载任何数据(即我不得重新加载控制器)。

任何提示将不胜感激。

共有1个答案

栾瑞
2023-03-14

作为记录,我最终使用了ui路由器及其状态管理,这太棒了。我花了一点时间来理解这些概念并将其付诸实践,但我设法毫不费力地构建了一组相当复杂的布局!

 类似资料:
  • 我有一个左向的Tabview。 我想减少选项卡标题的数量,它们太大了。我该怎么做?

  • 在我的应用程序中,我想使用一个动态tabView,其中每个选项卡都有一个不同页面的< code>ui:include。我有一个扩展< code>Tab的< code>TabObject列表。< code>TabObject有一个xhtml页面作为字符串属性: 在我的第一次尝试中,我想动态添加选项卡: 但是不适用于使用此技术的变量。到目前为止,我的解决方案是: 这是我的方法: 在事件回调中,我无法获

  • 我是Eclipse(或任何前端开发程序)的WindowBuilder工具的新手,我安装了WindowBuilder,SWT来查看它。创建新项目时,我转到: 新建>其他>WindowBuilder>SWT Designer>SWT/JFace Java项目 创建新类时,我转到: 这将生成一个初始的主代码,下面有源代码和设计选项卡。我的问题是,当进入design选项卡时,它总是空的,如下所示: 我找不

  • 我有一个TabLayout和ViewPager的活动。我想要一个活动与折叠工具栏和三个标签,标签包含CardViews,但CardViews或viewpager是不可滚动的。 在代码中,我加载了片段(使用ViewPagerAdapter)和foreach选项卡,但不能滚动它们。 不可滚动内容的布局如下:(我尝试使用ScrollView,但我做不到) 谢了!

  • 我们已经完成了MVC中的C层,还有M和V没有做呢。这一小节来对视图进行设计,从后台到前台的渲染是这样的 后台给定一个视图位置,输出到前端JSP或者其他模板引擎上,做一个非常简单的接口: /** * 视图渲染接口 * @author biezhi * */ public interface Render { /** * 渲染到视图 * @param view

  • 我正在为一个项目创建一个JFrame,当试图编辑它时,design选项卡是空白的。 我已经创建了一个测试项目,所有的东西都是默认的,而这个“错误”仍然存在。 下面是测试的代码: WindowBuilder是否与某些插件存在不兼容?我有几个Python和其他只是QOL。 编辑:问题已经解决,对于任何也要经历这一过程的人,只需在eclipse.ini的最后一行添加。