1656686520
Le routage est l'un des mécanismes fondamentaux d'Angular. Son utilisation principale est de fournir un moyen de naviguer dans une application. Sans cela, nous serions coincés sur la même page pour toujours !
Outre la navigation, le routage peut également être utilisé pour transmettre de petites informations entre les composants routés. Ceci peut être réalisé avec l'utilisation de paramètres de routage angulaires.
Il existe trois types de paramètres de route :
Dans cet article, nous présentons le fonctionnement du routage de base. Ensuite, nous étudions les trois types de paramètres de route fournis par Angular.
Alors, commençons!
Notions de base sur le routage
Le routage est principalement utilisé pour fournir un moyen de naviguer dans une application. La plupart des applications d'une seule page ont une sorte de menu (ou de barre d'outils) afin que l'utilisateur puisse accéder à leurs fonctionnalités en cliquant sur les options de menu.
Pour faciliter la navigation, nous utilisons la RouterLink
directive dans le code HTML du menu. Le routerLink
définit l'itinéraire qui sera activé lorsque l'utilisateur clique sur cette option spécifique.
<div>
<ul>
<li><a [routerLink]="['/home']">Home</a></li>
<li><a [routerLink]="['/pandas']">Pandas</a></li>
</ul>
<router-outlet></router-outlet>
</div>
Disons que nous cliquons sur le lien "Pandas". La barre d'adresse URL est alors mise à jour pour inclure la route activée : htttp://localhost:4200/pandas
.
Le Router
détecte la modification apportée à la barre d'adresse et vérifie séquentiellement la liste des chemins de configuration d'itinéraire pour une correspondance.
RouterModule.forRoot([
{
path: '', redirectTo: 'home', pathMatch: 'full'
},
{
path: 'home', component: HomeComponent
},
{
path: 'pandas', component: PandaListComponent
},
{
path: 'pandas/:id', component: PandaDisplayComponent
}
]);
Il sélectionne la première correspondance qu'il trouve, puis charge le composant spécifié. Le Router
recherche la RouterOutlet
directive, qui spécifie où placer le composant identifié. Enfin, il affiche cette vue à l'emplacement défini par le RouterOutlet
.
Paramètres d'itinéraire
Angular fournit trois types différents de paramètres d'itinéraire : paramètres requis, facultatifs et de requête.
Comme leur nom l'indique, ces paramètres sont nécessaires au bon fonctionnement du prochain composant routé. Les paramètres requis doivent être définis dans le cadre de la configuration de la route.
{
path: 'pandas/:id', component: PandaDisplayComponent
}
Dans notre extrait précédent, nous définissons un paramètre obligatoire qui est le id
d'un panda. La navigation vers cette route nécessite id
que le composant routé PandaDisplayComponent
puisse charger et afficher le panda sélectionné.
Pour activer un chemin avec un paramètre requis, nous utilisons le routerLink
et transmettons les paramètres spécifiés en tant qu'éléments supplémentaires au tableau associé.
<div *ngFor="let panda of pandas">
<a [routerLink]="['/pandas', panda.id]">
{{ panda.name }}
</a>
</div>
Pour naviguer par programmation, nous passerions les paramètres de la même manière.
this.router.navigate(
['/pandas', this.panda.id]
);
L'URL résultante ressemblerait à ceci : http://localhost/pandas/1
. Le composant routé peut alors lire ce paramètre et l'utiliser pour afficher le panda correct.
const param = this.route.snapshot.paramMap.get('id');
if (param) {
const id = +param;
this.panda = this.pandaService.getPandaById(id);
}
Notez que le nom du paramètre passé dans le getter doit correspondre exactement au nom défini dans le chemin.
Contrairement aux paramètres obligatoires, les paramètres facultatifs ne sont pas obligatoires. Par conséquent, ils ne font pas partie de la configuration de l'itinéraire. Nous spécifions à la place des paramètres facultatifs lors de l'activation de la route.
<a [routerLink]="['/pandas', { filterTerm, sortBy }]">
Pandas
</a>
L'extrait de code précédent transmet un paramètre facultatif nommé filterTerm
.
Indice : Nous aurions pu écrire cela sous la forme
{ filterTerm: filterTerm }
, mais cela semble un peu redondant. Mais nous supposons que vous le savez déjà.
Respectivement, pour naviguer par programmation, nous passerions de la même manière les paramètres.
this.router.navigate(
['/pandas', { filterTerm, sortBy }]
);
Les paramètres facultatifs sont spécifiés sous la forme d'un ensemble de paires de clé et de valeur dans un seul élément du tableau associé. L'URL résultante ressemble à ceci : http://localhost:4200/pandas;filterTerm=Bobo;sortBy=name
. Cela peut sembler un peu étrange, mais il s'agit essentiellement des paires clé-valeur séparées par des points-virgules.
Cette URL peut être mise en signet, ce qui signifie que si nous la copions-collons dans la barre d'adresse, le composant se chargera avec ce filtrage et ce tri spécifiques en place.
Le composant routé peut alors lire et utiliser les paramètres.
const filterTemr = this.route.snapshot.paramMap.get('filterTerm');
const sortBy = this.route.snapshot.paramMap.get('sortBy');
Les paramètres de requête, comme les paramètres facultatifs, ne sont pas spécifiés dans le cadre de la configuration de l'itinéraire. Au lieu de cela, nous les spécifions lors de l'activation de la route avec une directive supplémentaire, queryParams
.
<a [routerLink]="['/pandas']"
[queryParams]="{ filterTerm, sortBy }"
>
Pandas
</a>
Pour naviguer par programme, nous passerions les paramètres en tant qu'objet de navigation supplémentaire avec une queryParams
propriété. Notez que l'objet n'est pas dans le tableau associé !
this.router.navigate(
['/pandas'],
{ queryParams: { filterTerm, sortBy } }
);
L'URL résultante est http://localhost:4200?filterTerm=Bobo&sortBy=name
et suit le format d'URL standard pour les paramètres de requête. Encore une fois, cette URL peut être mise en signet, comme avec les paramètres facultatifs.
Le composant routé peut alors lire et utiliser les paramètres.
const filterTerm = this.route.snapshot.queryParamMap.get('filterTerm');
const sortBy = this.route.snapshot.queryParamMap.get('sortBy');
Notez que nous utilisons maintenant à la queryParamMap
place de paramMap
.
Vous pouvez trouver une démo fonctionnelle sur ce lien StackBlitz .
À ce stade, vous devez vous demander quelle est la différence entre les paramètres facultatifs et les paramètres de requête ? Syntaxe et URL résultante ? Bien sûr, les paramètres de requête ont une URL plus familière, mais à part cela, apportent-ils quelque chose de plus ?
Vous pariez ! Avec des paramètres optionnels, si nous revenons à l'itinéraire précédent sans les repasser, les paramètres disparaîtront. Avec les paramètres de requête, par contre, nous pouvons les définir queryParamsHandling
et ils seront automatiquement inclus !
<button
[routerLink]="['/pandas']"
queryParamsHandling="preserve"
>
Back
</button>
Conclusion
Dans cet article, nous avons brièvement expliqué le fonctionnement du routage de base. Ensuite, nous avons étudié les trois types de paramètres de route Angular : requis, facultatif et requête. Enfin, nous avons présenté la principale différence entre les paramètres optionnels et les paramètres de requête.
J'espère que vous avez appris quelque chose de nouveau. Bon codage !
Source : https://javascript.plainenglish.io/angular-route-parameters-a-simple-guide-88c69d54102c
1617257581
¿Quiere restaurar los buzones de correo de PST a Exchange Server? Entonces, estás en la página correcta. Aquí, lo guiaremos sobre cómo puede restaurar fácilmente mensajes y otros elementos de PST a MS Exchange Server.
Muchas veces, los usuarios necesitan restaurar los elementos de datos de PST en Exchange Server, pero debido a la falta de disponibilidad de una solución confiable, los usuarios no pueden obtener la solución. Háganos saber primero sobre el archivo PST y MS Exchange Server.
PST es un formato de archivo utilizado por MS Outlook, un cliente de correo electrónico de Windows y muy popular entre los usuarios domésticos y comerciales.
Por otro lado, Exchange Server es un poderoso servidor de correo electrónico donde todos los datos se almacenan en un archivo EDB. Los usuarios generalmente guardan la copia de seguridad de los buzones de correo de Exchange en el archivo PST, pero muchas veces, los usuarios deben restaurar los datos del archivo PST en Exchange. Para resolver este problema, estamos aquí con una solución profesional que discutiremos en la siguiente sección de esta publicación.
No le recomendamos que elija una solución al azar para restaurar los datos de PST en Exchange Server. Por lo tanto, al realizar varias investigaciones, estamos aquí con una solución inteligente y conveniente, es decir, Exchange Restore Software. Es demasiado fácil de manejar por todos los usuarios y restaurar cómodamente todos los datos del archivo PST a Exchange Server.
El software es demasiado simple de usar y se puede instalar fácilmente en todas las versiones de Windows. Con unos pocos clics, la herramienta puede restaurar los elementos del buzón de Exchange.
No es necesario que MS Outlook restaure los datos PST en Exchange. Todos los correos electrónicos, contactos, notas, calendarios, etc. se restauran desde el archivo PST a Exchange Server.
Todas las versiones de Outlook son compatibles con la herramienta, como Outlook 2019, 2016, 2013, 2010, 2007, etc. La herramienta proporciona varios filtros mediante los cuales se pueden restaurar los datos deseados desde un archivo PST a Exchange Server. El programa se puede instalar en todas las versiones de Windows como Windows 10, 8.1, 8, 7, XP, Vista, etc.
Descargue la versión de demostración del software de restauración de Exchange y analice el funcionamiento del software restaurando los primeros 50 elementos por carpeta.
No existe una solución manual para restaurar los buzones de correo de Exchange desde el archivo PST. Por lo tanto, hemos explicado una solución fácil e inteligente para restaurar datos de archivos PST en Exchange Server. Simplemente puede usar este software y restaurar todos los datos de PST a Exchange Server.
Más información:- https://www.datavare.com/software/exchange-restore.html
#intercambio de software de restauración #intercambio de restauración #buzón del servidor de intercambio #herramienta de restauración de intercambio
1656686520
Le routage est l'un des mécanismes fondamentaux d'Angular. Son utilisation principale est de fournir un moyen de naviguer dans une application. Sans cela, nous serions coincés sur la même page pour toujours !
Outre la navigation, le routage peut également être utilisé pour transmettre de petites informations entre les composants routés. Ceci peut être réalisé avec l'utilisation de paramètres de routage angulaires.
Il existe trois types de paramètres de route :
Dans cet article, nous présentons le fonctionnement du routage de base. Ensuite, nous étudions les trois types de paramètres de route fournis par Angular.
Alors, commençons!
Notions de base sur le routage
Le routage est principalement utilisé pour fournir un moyen de naviguer dans une application. La plupart des applications d'une seule page ont une sorte de menu (ou de barre d'outils) afin que l'utilisateur puisse accéder à leurs fonctionnalités en cliquant sur les options de menu.
Pour faciliter la navigation, nous utilisons la RouterLink
directive dans le code HTML du menu. Le routerLink
définit l'itinéraire qui sera activé lorsque l'utilisateur clique sur cette option spécifique.
<div>
<ul>
<li><a [routerLink]="['/home']">Home</a></li>
<li><a [routerLink]="['/pandas']">Pandas</a></li>
</ul>
<router-outlet></router-outlet>
</div>
Disons que nous cliquons sur le lien "Pandas". La barre d'adresse URL est alors mise à jour pour inclure la route activée : htttp://localhost:4200/pandas
.
Le Router
détecte la modification apportée à la barre d'adresse et vérifie séquentiellement la liste des chemins de configuration d'itinéraire pour une correspondance.
RouterModule.forRoot([
{
path: '', redirectTo: 'home', pathMatch: 'full'
},
{
path: 'home', component: HomeComponent
},
{
path: 'pandas', component: PandaListComponent
},
{
path: 'pandas/:id', component: PandaDisplayComponent
}
]);
Il sélectionne la première correspondance qu'il trouve, puis charge le composant spécifié. Le Router
recherche la RouterOutlet
directive, qui spécifie où placer le composant identifié. Enfin, il affiche cette vue à l'emplacement défini par le RouterOutlet
.
Paramètres d'itinéraire
Angular fournit trois types différents de paramètres d'itinéraire : paramètres requis, facultatifs et de requête.
Comme leur nom l'indique, ces paramètres sont nécessaires au bon fonctionnement du prochain composant routé. Les paramètres requis doivent être définis dans le cadre de la configuration de la route.
{
path: 'pandas/:id', component: PandaDisplayComponent
}
Dans notre extrait précédent, nous définissons un paramètre obligatoire qui est le id
d'un panda. La navigation vers cette route nécessite id
que le composant routé PandaDisplayComponent
puisse charger et afficher le panda sélectionné.
Pour activer un chemin avec un paramètre requis, nous utilisons le routerLink
et transmettons les paramètres spécifiés en tant qu'éléments supplémentaires au tableau associé.
<div *ngFor="let panda of pandas">
<a [routerLink]="['/pandas', panda.id]">
{{ panda.name }}
</a>
</div>
Pour naviguer par programmation, nous passerions les paramètres de la même manière.
this.router.navigate(
['/pandas', this.panda.id]
);
L'URL résultante ressemblerait à ceci : http://localhost/pandas/1
. Le composant routé peut alors lire ce paramètre et l'utiliser pour afficher le panda correct.
const param = this.route.snapshot.paramMap.get('id');
if (param) {
const id = +param;
this.panda = this.pandaService.getPandaById(id);
}
Notez que le nom du paramètre passé dans le getter doit correspondre exactement au nom défini dans le chemin.
Contrairement aux paramètres obligatoires, les paramètres facultatifs ne sont pas obligatoires. Par conséquent, ils ne font pas partie de la configuration de l'itinéraire. Nous spécifions à la place des paramètres facultatifs lors de l'activation de la route.
<a [routerLink]="['/pandas', { filterTerm, sortBy }]">
Pandas
</a>
L'extrait de code précédent transmet un paramètre facultatif nommé filterTerm
.
Indice : Nous aurions pu écrire cela sous la forme
{ filterTerm: filterTerm }
, mais cela semble un peu redondant. Mais nous supposons que vous le savez déjà.
Respectivement, pour naviguer par programmation, nous passerions de la même manière les paramètres.
this.router.navigate(
['/pandas', { filterTerm, sortBy }]
);
Les paramètres facultatifs sont spécifiés sous la forme d'un ensemble de paires de clé et de valeur dans un seul élément du tableau associé. L'URL résultante ressemble à ceci : http://localhost:4200/pandas;filterTerm=Bobo;sortBy=name
. Cela peut sembler un peu étrange, mais il s'agit essentiellement des paires clé-valeur séparées par des points-virgules.
Cette URL peut être mise en signet, ce qui signifie que si nous la copions-collons dans la barre d'adresse, le composant se chargera avec ce filtrage et ce tri spécifiques en place.
Le composant routé peut alors lire et utiliser les paramètres.
const filterTemr = this.route.snapshot.paramMap.get('filterTerm');
const sortBy = this.route.snapshot.paramMap.get('sortBy');
Les paramètres de requête, comme les paramètres facultatifs, ne sont pas spécifiés dans le cadre de la configuration de l'itinéraire. Au lieu de cela, nous les spécifions lors de l'activation de la route avec une directive supplémentaire, queryParams
.
<a [routerLink]="['/pandas']"
[queryParams]="{ filterTerm, sortBy }"
>
Pandas
</a>
Pour naviguer par programme, nous passerions les paramètres en tant qu'objet de navigation supplémentaire avec une queryParams
propriété. Notez que l'objet n'est pas dans le tableau associé !
this.router.navigate(
['/pandas'],
{ queryParams: { filterTerm, sortBy } }
);
L'URL résultante est http://localhost:4200?filterTerm=Bobo&sortBy=name
et suit le format d'URL standard pour les paramètres de requête. Encore une fois, cette URL peut être mise en signet, comme avec les paramètres facultatifs.
Le composant routé peut alors lire et utiliser les paramètres.
const filterTerm = this.route.snapshot.queryParamMap.get('filterTerm');
const sortBy = this.route.snapshot.queryParamMap.get('sortBy');
Notez que nous utilisons maintenant à la queryParamMap
place de paramMap
.
Vous pouvez trouver une démo fonctionnelle sur ce lien StackBlitz .
À ce stade, vous devez vous demander quelle est la différence entre les paramètres facultatifs et les paramètres de requête ? Syntaxe et URL résultante ? Bien sûr, les paramètres de requête ont une URL plus familière, mais à part cela, apportent-ils quelque chose de plus ?
Vous pariez ! Avec des paramètres optionnels, si nous revenons à l'itinéraire précédent sans les repasser, les paramètres disparaîtront. Avec les paramètres de requête, par contre, nous pouvons les définir queryParamsHandling
et ils seront automatiquement inclus !
<button
[routerLink]="['/pandas']"
queryParamsHandling="preserve"
>
Back
</button>
Conclusion
Dans cet article, nous avons brièvement expliqué le fonctionnement du routage de base. Ensuite, nous avons étudié les trois types de paramètres de route Angular : requis, facultatif et requête. Enfin, nous avons présenté la principale différence entre les paramètres optionnels et les paramètres de requête.
J'espère que vous avez appris quelque chose de nouveau. Bon codage !
Source : https://javascript.plainenglish.io/angular-route-parameters-a-simple-guide-88c69d54102c
1617255938
Si tiene problemas para migrar los buzones de correo de Exchange a Office 365, debe leer este artículo para saber cómo migrar los buzones de correo de Exchange EDB a Office 365. Al migrar a Office 365, los usuarios pueden acceder a sus buzones de correo desde cualquier lugar y desde cualquier dispositivo.
En esta publicación, explicaremos las razones detrás de esta migración y una solución profesional para migrar de Exchange a Office 365.
Office 365 apareció por primera vez en 2011 y, dado que se considera la mejor plataforma para aquellas organizaciones que desean administrar todo su sistema de correo electrónico en la nube. Estas son las características clave de Office 365:
Hay varias formas manuales de migrar los buzones de correo de Exchange EDB a Office 365, pero para evitar estos complicados y prolongados procedimientos, presentamos una solución de terceros, es decir, la herramienta de migración de Exchange, que es automatizada y directa para la migración de Exchange a Office 365. La herramienta funciona rápidamente y migra todos los elementos del buzón de Exchange Server a Office 365.
La herramienta de migración de Datavare Exchange es demasiado fácil de usar y ofrece pasos sencillos para migrar EDB a Office 365:
Por lo tanto, todos sus buzones de correo de Exchange EDB ahora se migran a Office 365.
Nota: puede usar filtros para migrar los elementos de datos deseados de la cuenta de Exchange a la de Office 365
Este blog le indica una solución profesional para la migración de buzones de correo de Exchange a la cuenta de Office 365. Dado que las soluciones manuales son complicadas, sugerimos la herramienta de migración de Exchange, que es demasiado simple de usar. Los usuarios no se enfrentan a problemas al operar el programa. La mejor parte de este software es que no necesita habilidades técnicas para realizar la migración. Se puede comprender el funcionamiento del software descargando la versión de demostración que permite la migración de los primeros 50 elementos por carpeta.
Más información:- https://www.datavare.com/software/edb-migration.html
#herramienta de migración de intercambio #migración de intercambio #migrar buzones de correo de exchange
1614150601
Todos los datos de Exchange Server, como correos electrónicos, contactos, notas, eventos, calendario, etc. se almacenan en el archivo Exchange EDB. A veces, el archivo EDB se vuelve inaccesible debido a la corrupción o daños en el archivo EDB. La corrupción del archivo EDB puede deberse a varias razones, como: B. grandes cantidades de datos, ataques de virus, problemas de red, etc. En este caso, los usuarios no pueden acceder a sus datos a través de archivos EDB dañados. Debido a esto, es necesario restaurar los elementos del buzón de un archivo EDB dañado. Pero, ¿cómo recuperar elementos de buzón dañados para archivos EDB? La respuesta a esa pregunta se encuentra en este blog. Así que sigamos con esta publicación para obtener una solución inmediata para la recuperación de elementos del buzón de Exchange.
El archivo Exchange EDB almacena datos en forma de archivos de base de datos:
Priv1.edb y Pub1.edb
La corrupción puede ocurrir en cualquier archivo EDB. Aquí le ofrecemos una solución para la recuperación de datos de estos dos archivos EDB.
Antes de eso, aclaremos las razones detrás de la corrupción en el archivo EDB, que discutiremos en la siguiente sección de este blog.
Estas son las principales razones detrás de la corrupción de archivos EDB.
• Un problema de sincronización con Exchange Server puede dañar el archivo EDB.
• El antivirus instalado en el servidor ha eliminado el archivo de registro.
• Almacenamiento excesivo en Exchange Server.
• Error al proporcionar datos del archivo EDB por Exchange Server.
• Los problemas de hardware o de red pueden dañar el archivo EDB.
Hay varias formas manuales, como la utilidad Eseutil e Isinteg de Exchange Server, para restaurar la base de datos de Exchange Server. Sin embargo, estos métodos son complicados y es más probable que fallen. En esta situación, se recomienda utilizar otra solución inteligente y eficaz como la herramienta de terceros EDB Recovery. Esta es una de las soluciones más fáciles para restaurar todos los elementos como correo electrónico, contactos, notas, calendario, etc. desde el buzón de Exchange. El software soluciona rápidamente los problemas del archivo EDB y ayuda a los usuarios a obtener todos los elementos del buzón del archivo EDB dañado. Se necesitan unos minutos para reparar los elementos del archivo EDB y le permite exportar los datos recuperados a varios formatos de archivo como PST, EML, MSG, HTML, etc.
Siga los pasos para usar el software de recuperación de EDB para recuperar elementos de buzón de correo corruptos para archivos EDB.
Mit dieser Software, d. H. Der oben beschriebenen EDB-Wiederherstellung, können Benutzer alle beschädigten EDB-Dateien reibungslos reparieren und wiederherstellen. Benutzer haben keine Probleme beim Bedienen der Software. Benutzer können Exchange EDB-Dateien mithilfe der Software in PST und verschiedenen anderen Formaten wiederherstellen und speichern. Durch Herunterladen der Testversion können Benutzer die Funktionen und die Arbeitsgeschwindigkeit der Software überprüfen, indem sie die ersten 50 Elemente pro Ordner wiederherstellen. Wenden Sie sich bei Unklarheiten rund um die Uhr an unser technisches Personal.
Más información:- https://www.datavare.com/software/edb-recovery.html
#herramienta de recuperación de edb #recuperación de adobe #recuperar archivos edb de intercambio corruptos #recuperar archivos edb
1615441295
Si vous rencontrez des problèmes lors de la migration des boîtes aux lettres Exchange vers Office 365, vous devez lire cet article pour savoir comment migrer les boîtes aux lettres Exchange EDB vers Office 365. En migrant vers Office 365, les utilisateurs peuvent accéder à leurs boîtes aux lettres de n’importe où et à partir de n’importe quel appareil.
Dans cet article, nous expliquerons les raisons de cette migration et une solution professionnelle pour migrer d’Exchange vers Office 365.
Office 365 est arrivé pour la première fois en 2011 et est considéré comme la meilleure plate-forme pour les organisations qui souhaitent gérer l’ensemble de leur système de messagerie sur le cloud. Voici les principales fonctionnalités d’Office 365 -
Datavare L’outil de migration Exchange est trop facile à utiliser et offre des étapes simples pour migrer EDB vers Office 365 -
Ainsi, toutes vos boîtes aux lettres Exchange EDB sont désormais migrées vers Office 365.
Remarque: vous pouvez utiliser des filtres pour migrer les éléments de données souhaités d’Exchange vers un compte Office 365.
Ce blog vous présente une solution professionnelle pour la migration des boîtes aux lettres Exchange vers un compte Office 365. Étant donné que les solutions manuelles sont compliquées, nous suggérons l’outil de migration d’Exchange qui est trop simple à utiliser. Aucun tracas n’est confronté par les utilisateurs dans l’exploitation du programme. La meilleure partie de ce logiciel est qu’il n’a pas besoin de compétences techniques pour effectuer la migration. On peut comprendre le fonctionnement du logiciel en téléchargeant la version de démonstration qui permet la migration des 50 premiers éléments par dossier.
Plus d’informations:- https://www.datavare.com/software/edb-migration.html
#outil de migration informatique #logiciel de migration informatique #application de migration edb #utilitaire de migration informatique #migration informatique