如何在Ionic 3中保存频繁使用的字符串资源？

嘿，这个问题问得很到位！毕竟像Android里strings.xml那样统一管理字符串，能让代码更整洁、维护更方便。在Ionic 3里，我常用这几种等效的实现方式：

1. 官方推荐：用Ionic国际化（i18n）功能 #

这是最接近Android strings.xml逻辑的方案，不仅能统一管理字符串，还天然支持多语言切换，非常适合需要适配不同语言的项目。

步骤很简单：

• 在src/assets/i18n目录下创建对应语言的JSON文件，比如zh.json（中文）和en.json（英文）：

// zh.json
{
  "welcome": "欢迎来到我的应用",
  "submit_btn": "提交",
  "error_tip": "操作失败，请稍后重试"
}

• 在页面/组件中注入TranslateService，然后在代码或模板中调用：
  • 代码里获取：

  import { TranslateService } from '@ngx-translate/core';
  
  constructor(private translate: TranslateService) {
    // 设置默认语言
    translate.setDefaultLang('zh');
    // 获取字符串
    this.translate.get('welcome').subscribe(res => {
      this.welcomeText = res;
    });
  }
  

  • 模板中直接用管道：

  <h1>{{ 'welcome' | translate }}</h1>
  <button ion-button>{{ 'submit_btn' | translate }}</button>
  

2. 简单直接：自定义常量文件 #

如果你的项目不需要多语言，只是单纯想把常用字符串集中起来复用，这种方式最轻便。

• 在src/app目录下新建一个app-strings.ts文件，定义常量对象：

export const APP_STRINGS = {
  welcomeMsg: '欢迎使用本应用',
  emptyTip: '暂无数据',
  confirmText: '确认'
};

• 在需要的页面/组件中导入并使用：

import { APP_STRINGS } from '../app-strings';

// 直接调用
console.log(APP_STRINGS.emptyTip);

模板里也能直接用：

<p>{{ APP_STRINGS.emptyTip }}</p>

3. 环境关联：用Angular环境配置文件 #

如果有些字符串是和运行环境相关的（比如API地址、环境提示语），可以把它们放在Angular的环境配置文件里，顺便也能管理普通复用字符串。

• 修改src/environments/environment.ts（开发环境）和environment.prod.ts（生产环境）：

export const environment = {
  production: false,
  appStrings: {
    loginTitle: '用户登录（开发环境）',
    apiUrl: 'http://dev.example.com/api'
  }
};

• 导入后使用：

import { environment } from '../../environments/environment';

// 使用字符串
this.loginTitle = environment.appStrings.loginTitle;

这几种方案可以根据你的项目需求来选：如果要做多语言，优先选国际化方案；单语言项目用常量文件最省心；环境相关的字符串就放环境配置里。

内容的提问来源于stack exchange，提问作者Ali Ysf