SuperAPI AI 工具集

intlayer-angular

前端与建站

查看项目

更新于 10-15 17:23

技能介绍

用途:在 Angular 应用中集成 Intlayer 国际化方案,采用组件级内容声明方式,把翻译内容放在组件旁的 *.content.ts 文件中,而不是维护一份全局翻译文件。

主要能力:

  1. 内容声明:在 content 文件中用 t() 定义多语言字典,key 需唯一并与 useIntlayer() 传入值一致。
  2. 提供者:在应用配置的 providers 中加入 provideIntlayer()。
  3. 读取翻译:从 angular-intlayer 导入 useIntlayer,它在 Angular 中返回 Signal,需以函数形式调用(如 content().text)。
  4. 切换语言:使用 useLocale 提供的 setLocale 函数,可结合 Locales 枚举。
  5. 本地化链接:结合 useLocale 与 getLocalizedUrl,为内部链接生成带当前语言前缀的地址,外部 http 链接保持原样。

使用方式:先创建内容文件,例如 src/app/my-component/my-component.content.ts,从 intlayer 导入 t 与 Dictionary,用 satisfies Dictionary 导出默认内容;再在组件中导入 useIntlayer 并赋值给属性,在模板里以 Signal 调用方式渲染。语言切换组件通过 useLocale 拿到上下文并暴露 setLocale。

适用场景:需要为 Angular 应用添加 i18n、创建带翻译的组件、切换语言或处理多语言路由时。

限制:资料未说明支持的最低 Angular 版本、构建或 SSR 配置、包安装命令、收费与授权方式,这些信息暂未提供。示例中的路径与 API 名称需按实际项目结构调整。