Ionic App值国际化(1)中我们实现了对单个参数的多语言处理,下面开始如何进行数组的处理。

1.在我们的多语言文件中设置要访问的json数组,en.json和zh.json,此处就以en.json中的MyLa为例

{
"LOGIN_REGISTER": "Login/Register",
"A" : "电动自行车A",
"B" : "电动三轮车B",
"MyLa":
{
"length" : ,
"values":[
{
"name" : "Huanhuan","value" : ""
},
{
"name" : "Alex","value" : ""
}
]
}
}

2.在view页面中访问MyLa下的values数组。本以为可以像一般的ng-repeate="v in MyLa.Values"这样去访问,可以多语言不支持直接访问数组,应该如下:

<ion-list ng-init="items = [0,1]">
<ion-item ng-repeat="item in items">
<h2>
{{ 'MyLa.values.'+item+'.name' | translate }}
</h2>
</ion-item>
</ion-list>

格式竟然是:MyLa.values.下标.属性名,仔细想想应该是在app.config函数中解析的时候,事先就是按这种模式处理的,以后用的时候就可以加载了。

虽然这样可以实现多语言的效果,但却需要单独的设置下标数组,本想在多语言文件中增加一个参数length 动态生成数组下标,无奈没成功。下面的代码(没成功)

<ion-list ng-init="items = getItems({{MyLa.length | translate }})"> 
<ion-item ng-repeat="item in items">
<h2>
{{ 'MyLa.values.'+item+'.name' | translate }}
</h2>
</ion-item>
</ion-list>
    $scope.getItems = function( len)
{
       var push = [];
       for(var i =0 ; i< len;i++)
{
           push.push(i);
            }
return push;
}

此处主要是想把参数MyLa.length作为参数传给函数getItems获取数组下标素组,这样我们只需要在多语言文件中维护数据即可。

另外一种数组多语言的实现方式:

1.我们需要引入另外我们正常数据的json文件,读取的内容如下:

{
"cars":[
{"name":"A","value":""},
{"name":"B","value":""}
]
}

2.在en.json和zh.json文件中分别设置A,B对应的多语言,在前面的en.json中已经添加了。

3.在controller的方法中实现语言的翻译:

        UserService.getCars().then(function(o)
{
$scope.carts = o.cars;
angular.forEach($scope.carts, function(type, index)
{
$translate(type.name, {type: type}).then(function(translated)
{
$scope.carts[index].name = translated;
});
});
});

此方法将数组对应的值转化为了单个读多语言参数,然后再controller中处理。

这种方法多出两步,1是要引入多语言之外的一个json文件,2是要在contoller中实现翻译。

两种方法似乎都不太完美,还未发现更优雅的出路方式。

Ionic App之国际化(2) json数组的处理的更多相关文章

  1. Ionic App之国际化(3) json数组的处理

    接上一篇Ionic App之国际化(2) json数组的处理 之后,如何处理json数据长度的问题,目前的一个折中方法是翻译长度字段. 多语言文件内容: "MyLa": { &qu ...

  2. Ionic App之国际化(1)单个参数的处理

    最近的app开发中需要考虑多语言国际化的问题,经查资料,目前大部分使用的是angular-translate.js这个组件,网站说明是这个:https://angular-translate.gith ...

  3. 使用QtScript库解析Json数组例子

    本文转载自:http://blog.sina.com.cn/s/blog_671732440100uwxh.html 使用qtscipt库解析json数组首先在工程文件中加 QT        += ...

  4. Ionic app升级插件开发

    终于走到了写插件的这个地方了,插件的过程: 1.安装plugman插件,管理我们的程序 npm install -g plugman 2.创建插件项目appUpgrade,cd 到你的目标目录下,执行 ...

  5. Android-Gson解析JSON数据(JSON对象/JSON数组)

    上一篇博客,Android-解析JSON数据(JSON对象/JSON数组),介绍了使用 org.json.JSONArray;/org.json.JSONObject; 来解析JSON数据: Goog ...

  6. Android-解析JSON数据(JSON对象/JSON数组)

    在上一篇博客中,Android-封装JSON数据(JSON对象/JSON数组),讲解到Android真实开发中更多的是去解析JSON数据(JSON对象/JSON数组) 封装JSON的数据是在服务器端进 ...

  7. Android-封装JSON数据(JSON对象/JSON数组)

    Android-封装JSON数据(JSON对象/JSON数组),一般情况下不会在Android端封装JSON的数据,因为封装JSON的数据是在服务器端进行封装了,Android更多的工作是解析(JSO ...

  8. 【ionic App问题总结系列】ionic 如何更新app版本

    ionic 如何进行自动更新 ionic App更新有两种方式:第一种是普通的从远程下载apk,安装并覆盖旧版本.另外一种就是采用替换www文件夹的内容,实现应用内更新,而无需下载安装apk. 这篇文 ...

  9. json数组某个数值对应渲染

    当你统计某一年的某个值它对应的月份总数时,后台没有直接处理好,某个月对应某个值,这样会增加统计的负担,但当数据时这样的时候,在angularjs中时不能直接引用的. "data": ...

随机推荐

  1. 【转】Maya Mel – Search String in String

    转自:http://schiho.com/?p=179 Hi, this is a little script which returns a 0 or 1 if the searched text ...

  2. beego+vue.js分离开发,结合发布,简单部署

    大家知道,golang开发的东西部署简单是它很大的卖点,一般的应用,生成的可执行文件直接放服务器上运行即可,不需要任何环境.当然,大型的应用才需要比如mysql,nginx等. 但是当vue.js出现 ...

  3. Retrofit2 动态(静态)添加请求头Header

    Retrofit提供了两个两种定义HTTP请求头字段的方法即静态和动态.静态头不能改变为不同的请求,头的键和值是固定的且不可改变的,随着程序的打开便已固定. 动态添加 @GET("/&quo ...

  4. 【转载】Android RecyclerView 使用完全解析 体验艺术般的控件

    崇拜下鸿洋大神,原文地址:http://blog.csdn.net/lmj623565791/article/details/45059587 概述 RecyclerView出现已经有一段时间了,相信 ...

  5. Linux下修改IP、DNS、路由命令行设置

    本文最后修改时间:20180313 一.快速修改,重启后设置就没了 ifconfig eth0 192.168.1.22 netmask 255.255.255.0 up route add defa ...

  6. 【js基础】创建对象的几种常见模式(工厂模式,构造函数模式,原型模式,构造原型组合模式)

    一.工厂模式 缺点:没有解决对象识别的问题 优点:解决了创建多个相似对象的问题 function createPerson(name,age,job){ var o = new Object(); o ...

  7. Spark编译

    Spark的运行版本使用mvn编译,已经集成在源码中.如果机器有外网或者配置了http代理,可以直接调用编译命令来进行编译. windows&Linux命令如下: ./build/mvn \ ...

  8. 洗礼灵魂,修炼python(30)--装饰器(2)—>装饰器总结+进阶使用

    在上一篇博文的经典案例中,我想你应该对装饰器有很好的了解了,不过光有那些还不够真的,还需要总结和进阶一下,所以本篇博文解析装饰器进阶. 装饰器 1.什么是装饰器? 个人理解:装饰器又叫语法糖,指的是对 ...

  9. Asp.net webForm设置允许表单提交Html

    1. 在表单需要提交Html的页面头部加入  ValidateRequest="false" <%@ Page Language="C#" AutoEve ...

  10. 二: python基础数据类型(int,

    一.什么是数据类型?2018-12-20   20:57:3õ # (3) num = 0 while num < 10: num += 1 if num == 7: num += 1 # 7执 ...