Penghalaan pembangunan bahagian hadapan Angular.js berubah tetapi antara muka tidak berubah.

Question

Mula-mula, saya menggunakan suis ng untuk mengawal paparan antara muka, dan kemudian menentukan herf="/region#create" secara langsung pada butang rantau baharu, dan kemudian menukar nilai suis ng untuk memaparkan antara muka yang berbeza, tetapi saya tidak tahu mengapa ini berlaku, seperti yang ditunjukkan di bawah, iaitu, kadang-kadang antara muka tidak melompat apabila saya mengkliknya buat kali pertama, ia hanya menyegarkan, dan kemudian penghalaan berubah, jadi saya mesti mengkonfigurasi ng yang berbeza - Penghalaan tidak dikonfigurasikan dengan betul apabila suis memaparkan antara muka. Masalahnya timbul, jadi saya mahu semua orang membantu saya memikirkan cara menyelesaikan masalah ini, kerana konsol tidak dipaparkan, dan kemudian fungsi butang dilaksanakan semula, tetapi nilai suis ng tidak berubah. t lompat ke antara muka yang sepatutnya lompat ke. Selain itu, ralat seperti ini berlaku sekali biasa dan sekali tidak normal Oleh itu, sila berikan saya idea atau kaedah untuk menyelesaikan masalah ini Gambar: Penerangan gambar

Answer 1

Buka konsol, semak ralat, dan akhirnya tambah, sila gunakan chrome untuk membangunkan apl sudut

Answer 2

Saya tidak tahu cara menulis kod. Terdapat sesuatu yang salah dengan lompatan laluan anda Secara langsung menggunakan href untuk melompat pasti akan menyebabkan halaman dimuat semula dan status akan hilang titik anchor Untuk penghalaan hujung hadapan bersudut, , anda boleh menggunakan ui-router.

Answer 3

Saya cadangkan anda menggunakan ui-router,
routing boleh dilaksanakan seperti berikut:

$stateProvider
.state('region', {
    url: '/region',
    abstract: true,
    template: '<ui-view></ui-view>',
    controller: 'RegionCtrl',
}).state('region.create', {
url: '/create/:id', //若需要id
templateUrl: 'create.html',
controller: 'RegionCtrl',
})；

Href adalah secara langsung href="#create". Anda boleh membaca dokumentasi rasmi untuk mendapatkan butiran. Sangat selesa.

Answer 4

Anda juga disyorkan untuk menggunakan ui-router