向路由器Angular 2传递数据[重复]

Question

我需要将数据传递到我的路由器，以便在目的地组件中使用它，我使用了< code>NavigationExtras的< code>QueryParam，但它在URL中显示参数，还有其他传递数据的方法吗？

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

Answer 1

在导航到下一页之前，请使用set方法设置参数。然后导航到下一页

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

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

进入下一页后，使用 get 方法检索参数

myFunction2(){
        parameter = this.uploadData;
}   

get uploadData () {
            return this._param;
}

请注意。这只是一个sudo代码。你会不

您可以从以下链接中了解有关 getters 和 setter 的更多信息

集合方法

get方法

Answer 2

嗨试试这样的东西：

1-声明如下服务：

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-然后当你想获得(订阅)它时:

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-要触发它的位置：

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

Answer 3

正如别人所说的,使用一个服务。

我在这里有一个简单的例子：

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

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

或者现在在v6和更高的角度:

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