在angularjs中嵌套ng-view

时间:2013-03-27 03:14:52

标签: angularjs

我正在尝试将两个角度应用程序放到一个页面上。

我的情景:我有一个拥有大量应用程序的网站。所以对于例如页眉,页脚,左侧边栏,右侧边栏不会改变整个网页,只有内容会改变。所以我使用了角度模板(ng-view)。在点击日历等应用程序时,它将被加载到ng-view中。在日历应用程序中,我有一个不同视图的ng视图(月,周,日) 所以就像

<ng-view>
    calendar or some other app
    <ng-view>
        month or week or day or SOMEOTHER APP TEMPLATE
    </ng-view>
</ng-view>

当我尝试这个时,浏览器崩溃了。有没有办法实现这个目标?

1 个答案:

答案 0 :(得分:1)

ngView$routeProvider结合,这意味着它会根据当前路线/ uri进行更新。这也意味着您无法将两个不同的视图绑定到单个URI。

您可以将ngInclude与您要显示的网址一起使用。在从服务器获取方面,它与ngView的作用相同。

如果您只是提供网址,则不会一次下载所有3个网址,而是按需提取

但是,在大多数应用程序中,最好一次提供所有可能的静态文件,然后对其进行缓存,这样可以提高整体性能;只有初始负载会受到一点影响;这比一般的缓慢应用要好。

如果这会使整个应用程序响应更快,我宁愿等待2秒钟。