저는 여러 개의 모듈이있는 큰 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.
감사합니다.
중첩 된 뷰에는 'ui-router'를 사용하십시오. 그런 다음 단일 기본보기, 해당보기에서 레이아웃을 설정하는 2 개의 기본 상태 및 각 상태/레이아웃에 대한 하위보기가있는 하위 상태를 정의 할 수 있습니다. –