estoy utilizando angular 4 y el problema es el siguiente, nose como pasar una variable desde un componente a otro, en el componente 1 obtengo un dato y me gustaria poder guardarlo en una especie de variable global, para poder utilizarla en los demas componentes pd: no puedo utilizar LocalStorage o SesionStorage por que son datos muy sensibles del cliente.
-
Hola Felipe, bienvenido a Stack Overflow en español. Por favor, lee el recorrido de bienvenida para aprender el funcionamiento básico del sitio. ¿Has investigado e intentado algo? Sobre ese intento, nos debes mostrar el codigo y errores o problemas que tienes. Mira Cómo preguntar y ejemplo mínimo verificable para mejorar la pregunta. Un saludo.– lois6bel 9 feb. 2018 a las 14:06
-
Porque no usas SesionStorage y guardas el dato con algún encriptado? O usa servicios. Igualmente como dijo @lois6b desdes poner código y mostrar claramente que quieres lograr.– Federico Madoeryel 9 feb. 2018 a las 14:10
-
1Si un intruso tiene acceso al navegador, da igual si está en sessionStorage o en una variable de JS: la seguridad depende de que el usuario tenga su PC/tablet accesible o no– Pablo Lozanoel 9 feb. 2018 a las 14:20
2 respuestas
Si lo que quieres enviar (variable) es de componente padre a hijo tienes que utilizar el decorador @Input()
, si es al revés tienes que utilizar @Output
y EventEmitter
, si es entre componentes 'hermanos' la mejor opción es por medio de un service
y rxjs
. Comparte algo de código para ver qué tienes hasta ahora
Puedes crear este componente para las variables globales :- “app.global.ts”
import { Injectable } from '@angular/core';
@Injectable()
export class AppGlobals {
readonly baseAppUrl: string = 'http://localhost:57431/';
readonly baseAPIUrl: string = 'https://api.github.com/';
}
luego lo usas en tu proyecto llamandolo asi :
import { AppGlobals } from '../shared/app.globals';
lo llamas en el constructor:
constructor(private userService: UserService, private _global: AppGlobals) { }
//GET USERS SERVICE ON PAGE LOAD.
this.userService.getAPIUsers(this._global.baseAPIUrl + users/hadley/orgs').subscribe(data => this.users = data);
=================================================== para variables globales .