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それを達成するにはどうすればよいですか?

======

angular-ui-router というサードパーティのプラグインを見つけました。これは、angular-router を置き換えてこの機能を実現できます。

Answer 1

あなたの選択は正しいです。

Answer 2

MEAN.JS の構造とよく似ているので、参照してください。

Answer 3

ページ内のすべての要素をディレクティブにし、継承とネスト関係をディレクティブに配置し、1 つのページで複数のディレクティブを組み合わせて使用​​します。