angular.js - Bagaimana untuk melaksanakan susun atur bersarang dalam angularjs?

Question

Itu sahaja aplikasi saya dibahagikan kepada bahagian hadapan (rumah) dan bahagian belakang pengguna (pengguna mengikut asas tutorial index.html digunakan sebagai laman utama dan juga sebagai susun atur global.

Struktur umum projek saya adalah seperti berikut:

app
    app.js
    routes.js
    views
        home
            about
                index.html
            login
                index.html
            layout.html
        user
            dashboard
                index.html
            articles
                index.html
                detail.html
            layout.html
    index.html

Apa yang saya fikir sekarang ialah templat di bawah paparan/rumah mewarisi pandangan/home/layout.html, dan perkara yang sama digunakan untuk paparan/pengguna.
Mengambil view/home/about/index.html sebagai contoh, url penghalaan adalah seperti ini:

$routerProvider.when("/about",{
    templateUrl : "views/home/about/index.html"
});

Masalahnya sekarang ialah app/views/home/about/index.html mewarisi secara langsung app/index.html, dan saya mahu ia mewarisi seperti ini:

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

Bagaimana untuk mencapainya?

======

Saya menemui pemalam pihak ketiga yang dipanggil angular-ui-router, yang boleh menggantikan angular-router dan boleh mencapai fungsi ini.

Answer 1

Anda membuat pilihan yang tepat.

Answer 2

Ia kelihatan sangat serupa dengan struktur MEAN.JS, anda boleh merujuknya.

Answer 3

Jadikan semua elemen dalam halaman menjadi arahan, letakkan hubungan warisan dan sarang dalam arahan, dan gunakan beberapa arahan dalam gabungan pada satu halaman.