我正在阅读应用程序的网址 HTTP：//本地主机/配置= preprod
我试图创建一个读取的Singleton服务 UrlParameters.js 并暴露 get(key) 方法。哪家商店 config=preprod
类似如下（来自我的Angular 1.x单件服务）
get: function (key) {
if (!params) {
params = {};
var queryString = window.location.search.substring(1);
_(queryString.split('&')).each(function (param) {
var val = param.split('=');
params[val[0]] = val[1];
});
}
return params[key];
}
现在，我想我也需要在Angular 2中访问此服务中的Route params，因为我不能在Angular 2中执行。
此外，我需要与另一个名为Flag的Singleton服务共享此UrlParams单例。哪个读取Flag.get（'config'）
下面的内容（从我的Angular 1.x项目中提取）
Flag.js
set: function (flag) {
if (UrlParameter.get(flag)) {
localStorage.setItem(flag, UrlParameter.get(flag));
}
},
get: function (flag) {
return localStorage.getItem(flag);
}
正如@JordanFrankfurt建议我使用位置服务，符合我的目的。还要感谢@GünterZöchbauer的努力。
下面是我的UrlParams服务，它也被添加到NgModule下 providers
url-parameter.service.ts
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/filter';
import {LocationStrategy} from '@angular/common';
@Injectable()
export class UrlParameterService {
public params = null;
constructor(private location: LocationStrategy) {}
get(key:string):String {
debugger;
if (!this.params) {
this.params = {};
var queryString = this.location.path();
queryString.split('&').forEach((param) => {
var val = (param.indexOf('?') ? param.slice(param.indexOf('?')+1).split('=') : param.split('='));
this.params[val[0]] = val[1];
});
}
return this.params[key] || false;
}
}
这可能会做你想要的：
@Injectable()
class MyService {
constructor(router:Router) {
this.router.events
.filter(e => e instanceof NavigationEnd)
.forEach(e => {
var config = router.routerState.root.snapshot.param['config'];
console.log(config);
});
}
}
我会尝试保持Angular 2约定，但如果你只想要一个你在Angular 2约定之外实例化的实例，那就非常简单了。
var UrlParameters = function() {
this.instance = this;
this.params = null;
this.get = function(key) {
if (!this.params){
params = {};
var queryString = window.location.search.substring(1);
_(queryString.split('&')).each(function (param) {
var val = param.split('=');
params[val[0]] = val[1];
});
this.params = params;
}
return this.params[key];
};
this.set = function() {
}
}
var Flag = {
set: function (flag) {
var urlParams = UrlParameter.getInstance();
if (urlParams.get(flag)) {
localStorage.setItem(flag, UrlParameter.get(flag));
}
}
}
TypeScript版本
class UrlParameter {
static instance:UrlParameter;
constructor() {
UrlParameter.instance = this;
}
get( key: string) : string {
// ...
}
}
class Flag {
set(key:string) : string {
if (UrlParameter.instance.get(key)){
// you have it
}
}
}