angular.js - konflik angularjs dan jquery-mobile pada penghalaan bahagian hadapan

Question

Pada masa ini, paparan separa dimuat semula. Sesetengah gaya jquery-mobile akan menjadi tidak sah dan seluruh halaman perlu dipaksa untuk dimuat semula.
Bagaimana untuk memuat semula keseluruhan halaman?

Tambahan: Jika anda menggunakan location.replace(), mula-mula gunakan location.replace('page/page1.html) untuk mencari lokasi tertentu secara langsung Dalam kes ini, anda hanya akan mempunyai kod halaman tersebut, kemudian halaman tersebut halaman templat adalah HTML tulen, tanpa bahagian CSS.
Kemudian menggunakan location.replace(#page1) hanya menukar pandangan separa dan tidak mempunyai kesan.
Jika ia $location.reload(), ia akan melompat ke lokasi yang ditakrifkan oleh / dalam laluan dan bukannya memuatkan semula halaman semasa…………
Bagaimana untuk memuat semula keseluruhan halaman semasa? atau

Bagaimana untuk mengkonfigurasi penghalaan? Sekiranya memuat semula halaman memuat semula halaman semasa dan bukannya melompat ke halaman utama?

Jika halaman semasa ialah http://localhost:8080/#/setting
Selepas F5 ialah http://localhost:8080/setting#/
Kemudian laluan ke sebaliknya, iaitu /

Soalan asal: Bagaimana untuk memuat semula keseluruhan halaman dalam sudut?

Answer 1

Proses penyelesaian

Anda perlu memaksa muat semula seluruh halaman, muat semula separa tidak boleh
Ia adalah kesan F5
======================>
Menemuinya selepas menyegarkan url会变化
Jika url tidak berubah, maka kita boleh menggunakan window.reload
Jadi kita perlu menyelesaikan masalah perubahan URL
======================>
Kerana halaman terus melaporkan ralat memuatkan halaman ralat
Saya menyemak dan ini adalah jquery-mobile
Kemudian saya menyekat fail JS dan CSS JQM dan menemui URL变化是JQM引起的
Cari penyelesaian berkaitan
======================>
Oh, jika anda mahu berterusanjquery-mobile+angular
Anda perlu menggunakan lompat halaman jqm.
======================>
Rangka kerja UI bahagian hadapan digantikan dengan jquery-mobile kepada bootstrap

Kesimpulan

jqm和angular关于前端路由方面有冲突,
Jika anda berkeras untuk menggunakan jqm, anda tidak boleh menggunakan penghalaan hujung hadapan sudut Anda mesti menggunakan jq jqm untuk menulis lompatan halaman, yang boleh menyebabkan halaman menjadi kucar-kacir.
Jadi mengambil masa setengah hari untuk menggantikannya dengan bootstrap.

Answer 2

lokasi.href? location.hash?

Answer 3

Jika ini tidak berkesan, hanya gunakan jquery. Apa pendapat anda?

Answer 4

Saya tidak tahu mengapa, tetapi saya benar-benar ingin membantu anda apabila saya melihat keadaan anda. Pada masa ini saya juga mengintegrasikan JQM dan Angularjs dan mempunyai beberapa idea!
Secara khusus, konfigurasikan beberapa parameter apabila memulakan jqm:

    $( document ).on( "mobileinit", function() {
        $.mobile.page.prototype.options.domCache = false;// 关闭缓存
        $.mobile.initializePage = false;
        $.mobile.defaultPageTransition = "fade";
        $.mobile.autoInitializePage = true;
        $.mobile.hideUrlBar = false;
        $.mobile.linkBindingEnabled = false;
        $.mobile.hashListeningEnabled = false;
        $.mobile.ajaxEnabled = false;

    });

Sila rujuk dokumentasi API rasmi untuk setiap konfigurasi.
Salah satu konfigurasi ini adalah untuk menyelesaikan masalah konflik URL, iaitu mematikan penghalaan JQM.