angular.js - Halaman tunggal, pemuatan malas penghalaan angular2 Bolehkah kewujudan bersama halaman?

Question

1. Kesan yang anda ingin capai: Klik pautan untuk mencipta halaman berbilang tab baharu dan paparkan halaman yang sepadan dengan laluan dalam halaman berbilang tab ini (serupa dengan berbilang tab easyui)

2. Soalan: Saya telah melihat tutorial di Internet bahawa apabila anda mengklik pautan, halaman pautan sebelumnya akan ditimpa. Kawasan kandungan saya sentiasa mempunyai satu halaman sahaja. Adakah benar aplikasi satu halaman tidak dapat mencapai kesan yang saya mahukan?

Answer 1

Saya telah membaca soalan sebanyak 3 kali berulang kali Saya tidak tahu sama ada apa yang ingin diungkapkan oleh penanya adalah kesan yang dicapai oleh atribut taregt tag a. . .

https://developer.mozilla.org...

sasaran
Atribut ini menentukan tempat untuk memaparkan sumber yang dipautkan. Dalam HTML4, ini ialah nama, atau untuk kata kunci, kotak. Dalam HTML5, ia ialah nama atau kata kunci untuk konteks penyemakan imbas (contohnya, tab, tetingkap atau iframe). Kata kunci berikut mempunyai makna istimewa:
_self: Halaman semasa dimuatkan, iaitu respons semasa kepada bingkai HTML 4 yang sama (atau konteks penyemakan imbas HTML5). Nilai ini adalah lalai jika tiada atribut ditentukan.
_blank: Tetingkap baharu dibuka, iaitu kepada tetingkap HTML4 baharu yang tidak dinamakan atau konteks penyemak imbas HTML5
_parent: Memuatkan respons ke dalam bingkai induk HTML4 bingkai semasa atau konteks penyemakan imbas konteks penyemakan imbas HTML5 semasa. Jika tiada bingkai induk atau konteks penyemakan imbas, pilihan ini berkelakuan sama seperti _self.
_top: Dalam IHTML4: Muatkan respons ke dalam tetingkap asal yang lengkap, membatalkan semua bingkai lain. Dalam HTML5: Muatkan respons ke dalam konteks penyemakan imbas peringkat atas (iaitu, konteks penyemakan imbas yang merupakan nenek moyang konteks semasa dan tidak mempunyai induk). Jika tiada bingkai induk atau konteks penyemakan imbas, pilihan ini berkelakuan sama seperti _self.
Atribut ini hanya boleh digunakan jika atribut href wujud.

Answer 2

Halaman tunggal jenis ini mudah dilaksanakan:

Jika yaAngular2:

Tulis Service untuk menyimpan Tab (jika masih ada Tab selepas disegarkan, sebaiknya gunakan localStorage).

Dalam kedudukan IFrame asal, letak laluan <outlet></outlet>, Angular2 digunakan untuk menggantikan output laluan.

Tab di atas ialah tatasusunan ringkas, sepadan dengan tajuk dan laluan Tab. Selepas mengklik, lompat ke laluan yang ditentukan, dan kandungan <outlet></outlet> akan diganti secara automatik mengikut konfigurasi laluan.

Tetapi terdapat masalah Kerana ia adalah penggantian langsung, adalah lebih baik untuk menyimpan status halaman, jika tidak, ia akan bertukar kembali ke antara muka yang dimulakan.

Ini hanyalah penyelesaian mudah, adalah lebih baik untuk mengasingkan setiap Tab secara berasingan.

Answer 3

Tuan, saya juga mengalami masalah ini. Boleh tolong selesaikan