Saltar al contenido

Pasar datos de rutas en angularJan, 6thIn esta guía, vamos a aprender acerca de la manera de pasar los datos para …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo pasar los datos a las rutas angulares.

En angular, que puede pasar los datos a una ruta mediante el uso de objeto de datos y el acceso que los datos dentro de componentsby usando ActivatedRoute.

pasar datos para encaminar

{path: "post", component : PostComponent,data: {msg: "Welcome" }}

En el código anterior, pasamos los datos a una ruta mensaje por el uso de la ObjectData datos: {mensaje: “Bienvenido”}. datos

Acceso a dentro de componentes

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-post',
templateUrl: './post.component.html',
styleUrls: ['./post.component.css']
})
export class PostComponent implements OnInit {

mymsg: string;
constructor(private route: ActivatedRoute) { }

ngOnInit() {
this.route.data.subscribe((data) => { this.mymsg = data.msg; }); }}

en el componente anterior, primero importados ActivatedRoute del paquete / enrutador @ angular y se inyectaron a PostComponent constructor.

ActivatedRoute : Nos ayuda a tener acceso a los datos de ruta cargado actualmente. Método

Dentro ngOnInit estamos accediendo al objeto de datos mediante la suscripción y actualizar el mymsgproperty.

data.msg donde la propiedad msg es el mismo que pasó a esa ruta.