angular.js - Masalah lompat halaman dalam pembangunan projek sudut

Question

Dalam pembangunan projek sebenar, terdapat banyak halaman Adakah setiap halaman melalui halaman indeks Letakkan <p ui-view></p> dalam halaman indeks dan kemudian konfigurasikan banyak laluan pemindahan parameter?

Answer 1

Apa yang anda bincangkan hendaklah menjadi contoh penggunaan angularjs untuk melaksanakan aplikasi satu halaman Secara amnya, kami akan meletakkan rujukan awam dan navigasi biasa dalam indeks dan kemudian menulis ng-view di kawasan yang kami mahu melaksanakan lompatan. modul, dan kemudian gunakan apl js konfigurasikan laluan lompat dan pengawal yang sepadan. Letakkan pengawal dengan fungsi dan perniagaan yang serupa seperti ini

Answer 2

1. Ya, aplikasi satu halaman SPA melompat dengan mengkonfigurasi laluan Dalam HTML, <ui-view></ui-view> digunakan untuk menentukan bahagian lompatan kandungan , jadi paparan-ui ini boleh berbilang lapisan
   2, jelaskan nama parameter dalam bahagian konfigurasi penghalaan

        .state("order.detail", {
            url: "/Detail/?:order_id",
            templateUrl: "/detail.html",
            title: "Detail",
            controller: "detailCtrl",
            params: {'order_id': null, 'order_status': null}
          });

Dalam contoh, terdapat dua parameter, order_id dan order_status Anda boleh menyambungkan parameter ke dalam URL :order_id disambungkan :order_id就是拼接的
在跳转的过程中传递参数ui-sref="order.detail({ order_id: order.id })"Pass parameter ui-sref="order. detail ({ order_id: order.id })"