angular.js - 单页面,angular2 路由的懒加载 能实现页面共存吗
phpcn_u1582
phpcn_u1582 2017-05-15 17:08:03
0
3
818
  1. 想实现的效果: 点击连接,新建一个多标签页面,在这个多标签页面里面展示路由对应的页面(类似easyui的多标签)

  2. 问题: 我看网上的教程都是, 点击一个链接,会覆盖上一个链接的页面。我的内容区域 永远只有一个页面,是不是单页面应用无法实现我想要的效果

phpcn_u1582
phpcn_u1582

répondre à tous(3)
左手右手慢动作

J'ai lu la question 3 fois encore et encore. Je ne sais pas si ce que le questionneur veut exprimer est l'effet obtenu par l'attribut taregt de la balise a. . .

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

target
Cet attribut spécifie où afficher la ressource liée. En HTML4, c'est le nom, ou pour un mot-clé, d'une boîte. En HTML5, il s'agit d'un nom ou d'un mot-clé pour un contexte de navigation (par exemple, onglet, fenêtre ou iframe). Les mots-clés suivants ont une signification particulière :
_self : La page actuelle est chargée, c'est-à-dire la réponse actuelle au même cadre HTML 4 (ou contexte de navigation HTML5). Cette valeur est la valeur par défaut si aucun attribut n'est spécifié.
_blank : Une nouvelle fenêtre s'ouvre, c'est-à-dire une nouvelle fenêtre HTML4 sans nom ou un nouveau contexte de navigateur HTML5.
_parent : Charge la réponse dans le cadre parent HTML4 du cadre actuel ou dans le contexte de navigation parent du contexte de navigation HTML5 actuel. S'il n'y a pas de cadre parent ou de contexte de navigation, cette option se comporte de la même manière que _self.
_top : Dans IHTML4 : chargez la réponse dans la fenêtre complète et originale, en annulant toutes les autres images. En HTML5 : chargez la réponse dans le contexte de navigation de niveau supérieur (c'est-à-dire le contexte de navigation qui est un ancêtre du contexte actuel et n'a pas de parent). S'il n'y a pas de cadre parent ou de contexte de navigation, cette option se comporte de la même manière que _self.
Cet attribut ne peut être utilisé que si l'attribut href existe.

左手右手慢动作

Ce genre de page unique est facile à mettre en œuvre :

Si ouiAngular2 :

Écrivez un Service pour stocker les onglets (il est préférable d'utiliser localStorage s'il reste encore des onglets après l'actualisation).

Dans la position IFrame d'origine, placez l'itinéraire <outlet></outlet>, Angular2 sert à remplacer la sortie de l'itinéraire.

L'onglet ci-dessus est un tableau simple, correspondant au titre et à l'itinéraire de l'onglet. Après avoir cliqué, passez à l'itinéraire spécifié et le contenu de <outlet></outlet> sera automatiquement remplacé en fonction de la configuration de l'itinéraire.

Mais il y a un problème. Puisqu'il s'agit d'un remplacement direct, il est préférable de sauvegarder l'état de la page, sinon elle reviendra à l'interface initialisée.

Ce n'est qu'une solution simple, il serait préférable de séparer chaque onglet séparément.

小葫芦

Monsieur, j'ai également rencontré ce problème. Pourriez-vous s'il vous plaît le résoudre

.
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal