2017-02-09 93 views
1

我一直在研究具有多个模块的大型angularJs应用程序。问题是,现在我必须在该应用程序中包含静态网站,并且该网站的布局与我的应用程序完全不同。有两种不同布局的角度Js应用程序

我做了一些[R & d,发现了一些答案,其中大多是依赖于angular.bootstrap

https://docs.angularjs.org/api/ng/function/angular.bootstrap

但我的应用程序的NG-视图宣布html标记不是身体,继续我的布局如下所述。

<div ui-view="header"> 
</div> 
<div class="clearfix"> 
</div> 
<!-- BEGIN CONTAINER --> 
<div class="page-container"> 
    <!-- BEGIN SIDEBAR --> 
    <div class="page-sidebar-wrapper" ui-view="sidebar"> 
    </div> 
    <!-- END SIDEBAR --> 
    <!-- BEGIN CONTENT --> 
    <div class="page-content-wrapper"> 
     <div class="page-content" ui-view="content"> 
     </div> 
    </div> 
    <!-- END CONTENT --> 
</div> 

而且网站结构是从这种结构完全不同的,因此任何人都可以请建议如何应对这一局面

我应该用两个NG-意见,我的index.html如果是比我如何可以使用两个纳克同时在html标签中声明。

谢谢

+0

对于嵌套视图使用'ui-router'。然后,您可以定义单个主视图,2个主要状态,在该视图中设置布局,以及为每个状态/布局设置子视图的子状态。 –

回答

0

你在描述什么就像嵌套视图?默认路由器不支持,所以如果你想使用嵌套视图,你必须使用第三方模块。