将参数传递给Angular 2 App

时间:2017-09-20 08:21:37

标签: javascript angular

我有一个Angular应用程序,在登录页面中是index.html,这个应用程序可以从其他应用程序访问,我需要将参数传递给app才能使用

喜欢

http://localhost:4200/myapp/index.html?name=John&role=merchant

其中name和role是参数,angular需要准备它们并存储在要在整个应用程序中使用的头对象中。

任何想法如何进行?

2 个答案:

答案 0 :(得分:2)

这可能对您有所帮助:

name:string;
role:string;
  ngOnInit() {
    this.sub = this.route.params.subscribe(params => {
       this.name= params['name']; // (+) converts string 'id' to a number
           this.role= params['role'];
    });
  }

答案 1 :(得分:0)

下面的代码为您提供了使用数组函数的当前Url,您可以获得名称和角色: -

let currentUrl = this.router.url;

您可以按如下方式添加标题: -

var headers = new Headers();
headers.append('name', this.name);
headers.append('role', this.role);