Laravel+mcamara本地化：如何本地化AngularJS $scope状态值？

嗨，我刚好碰到过类似的场景，用mcamara的Laravel本地化包配合AngularJS处理状态值本地化其实不难，核心思路是把Laravel后端的本地化文本传递到前端，让AngularJS能直接调用，下面给你分步拆解：

1. 先在Laravel语言文件里定义状态对应翻译 #

首先在你的语言目录（比如resources/lang/zh-CN/）下新建一个status.php文件，把所有状态值的对应翻译写进去：

return [
    '-1' => '已取消',
    '0' => '待处理',
    '1' => '已完成',
    '2' => '进行中',
    // 其他语言版本同理，比如en/status.php里对应英文翻译
];

2. 把本地化数据传递到前端视图 #

因为AngularJS没法直接读取Laravel的后端语言文件，我们需要把这些翻译数据变成前端能访问的JS对象。你可以直接在Blade模板里输出：

<!-- 放在你的AngularJS脚本之前 -->
<script>
    // 用@json把Laravel的本地化数组转成JS对象
    window.statusTranslations = @json(__('status'));
</script>

这里__('status')会根据当前请求的语言（由mcamara包管理）自动返回对应语言的翻译数组，非常方便。

3. 用AngularJS过滤器优雅处理翻译 #

为了在视图里更简洁地调用，建议自定义一个AngularJS过滤器：

// 假设你的AngularJS模块叫myApp
angular.module('myApp').filter('translateStatus', function() {
    return function(status) {
        // 把数字状态转成字符串，匹配语言文件里的键
        var statusKey = status.toString();
        // 如果有对应翻译就返回，没有就返回原状态值
        return window.statusTranslations[statusKey] || status;
    };
});

4. 在视图里使用过滤器 #

现在你就可以把原来的@{{item.status}}改成这样：

@{{ item.status | translateStatus }}

这样渲染出来的就是本地化后的状态文本啦～

备选方案：直接在视图里调用（适合简单场景） #

如果不想写过滤器，也可以直接在视图里直接访问全局对象：

@{{ window.statusTranslations[item.status.toString()] || item.status }}

不过过滤器的方式更利于复用和维护，推荐用第一种。

如果是需要动态切换语言的场景，你只需要在语言切换后，重新请求后端获取最新的statusTranslations数组，更新全局对象即可，mcamara包的语言切换逻辑会自动帮你处理后端的语言环境。

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