时间戳

首页 > 解决方案 > 读取路由参数？

angular - 读取路由参数？

问题描述

我是 Angular 的新手。开始了：

const routes: Routes = [
  { path: '', redirectTo: '/ru/courses/categories', pathMatch: 'full' },
  { path: ':l/courses/categories', component: CourseCategoriesListComponent }
];

然后我得到了一些可注入的东西，负责提供正确翻译的东西：

@Injectable()
export class LanguageService {
  constructor(public activatedRoute: ActivatedRoute) { }

  private readonly map: { [languageCode: string]: (() => TranslatorBase) } = {
    ru: () => new RussianTranslagor()
  };

  getTranslatorForCurrentLanguage(callback: (translatorBase: TranslatorBase) => void): void {
    this.activatedRoute.queryParams.subscribe(
      params => {
        console.log(params);
        // HERE IS THE PROBLEM!!!
        const lang = params['l'];
        if (lang) {
          callback(this.map[lang]());
        }
      }
    );
  }
}

当我运行我的服务器并到达 alocalhost:xxxxx时，queryParams返回空params对象，这样我就无法读取:l路由参数的实际值。我在那里做错了吗？

更新： 我正在尝试读取:l参数，它是“语言”的缩写。;)

标签： angulartypescriptangular-router

解决方案

这里的问题是您使用queryParams而不是params. queryParams表示查询字符串参数，但您的l参数只是一个普通参数，因此应该通过params（或paramMap）获取。

推荐阅读