2017-02-09 5 views
1

저는 여러 개의 모듈이있는 큰 angularJs 응용 프로그램을 작성했습니다. 문제는 이제 해당 응용 프로그램에 정적 웹 사이트를 포함시켜야하며 해당 웹 사이트는 내 응용 프로그램과 완전히 다른 레이아웃을 가지고 있어야한다는 것입니다. 나는 약간의 R & D를하고 angular.bootstrap에 주로 의존했다 몇 가지 답을 찾을두 개의 서로 다른 레이아웃을 가진 각도 Js 응용 프로그램

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을 두 NG-뷰를 사용한다이 상황을 해결하는 방법을 제안 해주십시오 수있는이 구조는 완전히 다르다 HTML 태그에서 선언하는 동안 -views.

감사합니다.

+0

중첩 된 뷰에는 'ui-router'를 사용하십시오. 그런 다음 단일 기본보기, 해당보기에서 레이아웃을 설정하는 2 개의 기본 상태 및 각 상태/레이아웃에 대한 하위보기가있는 하위 상태를 정의 할 수 있습니다. –

답변

0

설명하는 것은 중첩 된보기와 비슷합니까? 기본 라우터가 지원하지 않으므로 중첩 된보기를 사용하려면 써드 파티 모듈을 사용해야합니다.