SuperAPI AI 工具集

intlayer-angular

前端与建站

查看项目

更新于 10-15 17:23

技能介绍

用途:把 Intlayer 国际化方案接入 Angular 应用,采用组件级内容声明,而非单一全局翻译文件。内容写在组件旁的 *.content.ts 文件中。

主要能力:

  1. 内容声明:在 content 文件中用 t() 定义多语言词条,key 需唯一,并与 useIntlayer() 传入的 key 一致。
  2. 提供者:在应用配置中通过 import { provideIntlayer } from "angular-intlayer" 并加入 providers: [provideIntlayer()]。
  3. useIntlayer:返回 Signal,需以函数方式访问值,例如模板中 {{ content().text }};图片可用 [src]="content().text.value"。
  4. 切换语言:使用 useLocale 返回的 setLocale,并可从 intlayer 导入 Locales 枚举。
  5. 本地化链接:借助 useLocale 与 getLocalizedUrl 构建根据当前语言生成链接的组件。

典型工作流:先写 my-component.content.ts 声明字典,再在 Angular 组件中调用 useIntlayer 读取。

限制:资料未提供安装命令、版本要求、价格与支持平台等信息;也未说明与其他 i18n 方案的具体差异或性能数据。