Weiterleiten von Daten an Router Angular 2

Question

Ich muss Daten an meinen Router weiterleiten, um ihn in der Zielkomponente zu verwenden. Ich habe NavigationExtrasQueryParam verwendet, aber es zeigt Parameter in der URL an. Gibt es eine andere Möglichkeit, Daten weiterzugeben?

let navigationExtras: NavigationExtras = { 
      queryParams: { 
       "param1": true, 
      } 
     }; 
     this.router.navigate(['/page1/view'],navigationExtras); 

Answer 1

Hallo Versuchen Sie, mit so etwas wie dieses:

1 - Deklarieren Sie einen Dienst wie:

import { Observable } from 'rxjs/Observable'; 
import { Injectable } from '@angular/core'; 
import { Subject } from 'rxjs/Subject'; 


@Injectable() 
export class SharedService { 

    // Observable sources (change activity) 
    private emitChangeActivitySource = new Subject<any>(); 
    // Observable streams (change activity) 
    changeActivityEmitted$ = this.emitChangeActivitySource.asObservable(); 
    // Service (change activity) 
    emitChangeActivity(change: any) { 
     this.emitChangeActivitySource.next(change); 
    } 

} 

2- dann, wenn Sie erhalten möchten (subscribe) dafür:

import { SharedService } from '../shared/services/index'; 

@Component({ 
    selector: 'app-dashboard', 
    templateUrl: './full-layout.component.html', 
    styleUrls: ['./full-layout.component.scss'] 
}) 
export class FullLayoutComponent { 


    constructor(private toasterService: ToasterService, 
     private currentUserService: CurrentUserService, 
     private menuService: MenuService, 
     private router: Router, 
     private auth: AuthService, 
     private _sharedService: SharedService, 
     private _activitiesService: ActivitiesService, 
     private _router: Router) { 


    _sharedService.changeActivityEmitted$.subscribe(
      activity => { 
       this.data = activity; 

       } 
      }); 

      } 

      } 

3- wo Sie es auslösen möchten:

this._sharedService.emitChangeActivitySource({name:'',descr:''}); 

Answer 2

Bevor Sie zur nächsten Seite navigieren, setzen Sie den Parameter mit der Methode set. navigieren Sie zu Ihrem nächsten Seite

myFunction1(){ 
    this.uploadData = param; 
    this.router.navigate(['/page1/view']) 
} 

set uploadData (param) { 
     this._param = param; 
} 

, wenn Sie auf der nächsten Seite sind, rufen Sie den Parameter get-Methode

myFunction2(){ 
     parameter = this.uploadData; 
} 

get uploadData() { 
      return this._param; 
} 

Bitte beachten Sie verwenden. Dies ist nur ein Sudo-Code. Sie müssen es gemäß Ihrer Anforderung implementieren.

Sie können weitere Informationen über Getter und Setter aus folgenden Links

set method

get method

Answer 3

Wie andere gesagt haben, verwenden Sie einen Dienst.

Ich habe ein einfach Beispiel hier:

https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

import { Injectable } from ‘@angular/core’; 
@Injectable() 
export class DataService { 
    serviceData: string; 
}