首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将隐藏的查询参数传递给Angular 5中的路由?

如何将隐藏的查询参数传递给Angular 5中的路由?
EN

Stack Overflow用户
提问于 2018-02-15 05:46:20
回答 1查看 1.5K关注 0票数 2

当前将数据传递给路由的角度方法是将其添加到路由中。

例如,在官方Angular文档上的英雄指南之旅中,使用路由hero/:id将id传递到英雄组件。

不使用服务作为中介,或者使用诸如本地存储之类的东西来临时保存某些数据,在这种情况下,id是否可以传递id

EN

回答 1

Stack Overflow用户

发布于 2018-07-18 00:51:56

可以通过observable发送信息

service.ts

代码语言:javascript
运行
复制
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

@Injectable()
export class LoadDataService {
  private setdataEmmit = new BehaviorSubject('initial info');
  public getdataEmmit$ = this.setdataEmmit.asObservable();

  constructor() { }

  sendData(data: any) {
    this.setdataEmmit.next(data)
  }
}

component1.ts

代码语言:javascript
运行
复制
import { LoadDataService  } from '.....';

@Component({
  selector: 'app-1',
  templateUrl:'',
  styleUrls: ['']

})
export class Component1 implements OnInit {

  constructor(
    private _loadDataService: LoadDataService
  ) { 
  }
  ngOnInit() {
    this._loadDataService.sendData('info send');  
  }
}

component2.ts

代码语言:javascript
运行
复制
import { LoadDataService  } from '.....';

@Component({
  selector: 'app-2',
  templateUrl:'',
  styleUrls: ['']

})
export class Component2 implements OnInit {

  constructor(
    private _loadDataService: LoadDataService
  ) { 
  }
  ngOnInit() {
    this._loadDataService.getdataEmmit$.subscribe(
      (data) => {
        console.log(data);
        // print: 'info send'
           // YOU ALREADY HAVE THE DATA YOU SENT FROM THE COMPONENT 1
      });
  }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48796772

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档