angular.js-Angularjs에서 중첩 레이아웃을 구현하는 방법은 무엇입니까?

Question

그렇습니다. 내 애플리케이션은 프론트엔드(홈)와 사용자 백엔드(사용자)로 구분됩니다. 기본 튜토리얼에 따르면 index.html은 홈페이지와 전역 레이아웃으로 사용됩니다.

내 프로젝트의 일반적인 구조는 다음과 같습니다.

으아악

지금 생각하기로는 views/home 아래의 템플릿이 views/home/layout.html을 상속하고, views/user에도 동일하게 적용된다는 것입니다.
views/home/about/index.html을 예로 들면 라우팅 URL은 다음과 같습니다.

으아악

이제 문제는 app/views/home/about/index.html이 app/index.html을 직접 상속한다는 점인데, 저는 다음과 같이 상속하고 싶습니다.

app/views/home/about/index.html -> app/views/home/layout.html -> app/index.html ->

어떻게 달성할 수 있나요?

======

저는 angle-router를 대체하고 이 기능을 구현할 수 있는 angle-ui-router라는 타사 플러그인을 찾았습니다.

Answer 1

당신의 선택이 옳습니다.

Answer 2

MEAN.JS의 구조와 매우 유사하니 참고하시면 됩니다.

Answer 3

페이지의 모든 요소를 ​​지시문으로 만들고, 지시문에 상속 및 중첩 관계를 넣고, 한 페이지에서 여러 지시문을 조합하여 사용하세요.