读路由参数？

Question

我是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]());
        }
      }
    );
  }
}

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

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

Answer 1

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