angular.js - konflik angularjs dan jquery-mobile pada penghalaan bahagian hadapan
大家讲道理
大家讲道理 2017-05-15 16:53:12
0
4
904

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?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

membalas semua(4)
PHPzhong

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.

左手右手慢动作

lokasi.href? location.hash?

小葫芦

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

洪涛

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.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan