确实的多个视图角JS支持路由在同一页上 [英] Does Angular JS support routing of multiple views on the same page

查看:82
本文介绍了确实的多个视图角JS支持路由在同一页上的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

是否具有同一页上每个国家都有它自己的模板多NG-鉴于部分JS角的支持?当设置它的配置,你需要不同的URL路径连线到不同的控制器和模板。但是,当你有相同的页面上有多个意见,那么他们将每个人都需要使用URL中的#path值来调整自己的模板和控制器,并改变我们将需要切换为#path价值变动视图模板

Does Angular JS support having multiple ng-view sections each with its own templates on the same page? When setting up its configuration you need to wire up the different url path to different controllers and templates. But when you have multiple views on the same page, then they will each need to adjust their template and controller using the #path value from the url, and to change the view template we'll be need to switch as the #path value changes.

因此​​,如何将不同的NG-视图部分与对方玩 - 因为每个都需要自己独特的价值#path追加到URL。或者是url路径和#VALUE某种方式保持为每纳克视图内的私人构建体,因而允许在同一页上的多个纳克视图部分。

So how would the different ng-view sections play with each other - as each would need to append its own unique #path value to the url. Or is the url path and #value somehow kept as a private construct within each ng-view and therefore allowing multiple ng-view sections on the same page.

推荐答案

多个视图是angularjs的限制和文档并没有明确说明如何构建得当复杂视图的应用程序。请看看扬Varwig帖子关于这个主题

Multiple views is a limitation in angularjs and the documentation does not make it clear how to structure an application with complex views properly. Please have a look at Jan Varwig's posts on this topic

AngularJS:浏览次数与指令

相关部分:

视图是不是你用什么来构建应用程序!
事实上,景色更拐杖,一条捷径,创建一个类似于传统的网站,只具有角作为驱动结构。当开发一个Web应用程序,以处理复杂的界面的方法是使用,在组合:
范围对象明确储存您想要的视图状态/变量
在这个视图状态ngSwitch指令
指令包括自定义模板/执行复杂的DOM操作行为
停止在需要加载的观点来讲您的应用程序的想法。这种想法与对齐当务之急框架更好,但在角度不能很好地工作。

查看 - 容器是毫无意义的,从通过路由它们的语义分离。
我有嵌套视图UI的路由器,另外,二次抱怨是,他们违反了AngularJS的另一个核心理念:您的DOM是描述你的应用程序结构的主要场所。读模板应该给你一个什么样的地方去的想法。如果你想编辑的用户,把一个指令到您的模板:
读者会立即看到指令做什么以及哪些数据这取决于。
如果你写指令正确这将是独立的位置,你可以在其他地方把它放在你的应用程序,只要你通过它的工作属性的用户通过。
使用视图窝你的模板与无意义的容器,外包每个视图的实际用途为其他地方所定义的路由/状态。如果你巢的路线,每个视图的情况下变成隐含的,这是很难将它们四处移动和数据传递到视图中的唯一方法是通过范围。

这篇关于确实的多个视图角JS支持路由在同一页上的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆