Ionic App之国际化(2) json数组的处理
在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数组的处理的更多相关文章
- Ionic App之国际化(3) json数组的处理
接上一篇Ionic App之国际化(2) json数组的处理 之后,如何处理json数据长度的问题,目前的一个折中方法是翻译长度字段. 多语言文件内容: "MyLa": { &qu ...
- Ionic App之国际化(1)单个参数的处理
最近的app开发中需要考虑多语言国际化的问题,经查资料,目前大部分使用的是angular-translate.js这个组件,网站说明是这个:https://angular-translate.gith ...
- 使用QtScript库解析Json数组例子
本文转载自:http://blog.sina.com.cn/s/blog_671732440100uwxh.html 使用qtscipt库解析json数组首先在工程文件中加 QT += ...
- Ionic app升级插件开发
终于走到了写插件的这个地方了,插件的过程: 1.安装plugman插件,管理我们的程序 npm install -g plugman 2.创建插件项目appUpgrade,cd 到你的目标目录下,执行 ...
- Android-Gson解析JSON数据(JSON对象/JSON数组)
上一篇博客,Android-解析JSON数据(JSON对象/JSON数组),介绍了使用 org.json.JSONArray;/org.json.JSONObject; 来解析JSON数据: Goog ...
- Android-解析JSON数据(JSON对象/JSON数组)
在上一篇博客中,Android-封装JSON数据(JSON对象/JSON数组),讲解到Android真实开发中更多的是去解析JSON数据(JSON对象/JSON数组) 封装JSON的数据是在服务器端进 ...
- Android-封装JSON数据(JSON对象/JSON数组)
Android-封装JSON数据(JSON对象/JSON数组),一般情况下不会在Android端封装JSON的数据,因为封装JSON的数据是在服务器端进行封装了,Android更多的工作是解析(JSO ...
- 【ionic App问题总结系列】ionic 如何更新app版本
ionic 如何进行自动更新 ionic App更新有两种方式:第一种是普通的从远程下载apk,安装并覆盖旧版本.另外一种就是采用替换www文件夹的内容,实现应用内更新,而无需下载安装apk. 这篇文 ...
- json数组某个数值对应渲染
当你统计某一年的某个值它对应的月份总数时,后台没有直接处理好,某个月对应某个值,这样会增加统计的负担,但当数据时这样的时候,在angularjs中时不能直接引用的. "data": ...
随机推荐
- 【转】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 ...
- beego+vue.js分离开发,结合发布,简单部署
大家知道,golang开发的东西部署简单是它很大的卖点,一般的应用,生成的可执行文件直接放服务器上运行即可,不需要任何环境.当然,大型的应用才需要比如mysql,nginx等. 但是当vue.js出现 ...
- Retrofit2 动态(静态)添加请求头Header
Retrofit提供了两个两种定义HTTP请求头字段的方法即静态和动态.静态头不能改变为不同的请求,头的键和值是固定的且不可改变的,随着程序的打开便已固定. 动态添加 @GET("/&quo ...
- 【转载】Android RecyclerView 使用完全解析 体验艺术般的控件
崇拜下鸿洋大神,原文地址:http://blog.csdn.net/lmj623565791/article/details/45059587 概述 RecyclerView出现已经有一段时间了,相信 ...
- Linux下修改IP、DNS、路由命令行设置
本文最后修改时间:20180313 一.快速修改,重启后设置就没了 ifconfig eth0 192.168.1.22 netmask 255.255.255.0 up route add defa ...
- 【js基础】创建对象的几种常见模式(工厂模式,构造函数模式,原型模式,构造原型组合模式)
一.工厂模式 缺点:没有解决对象识别的问题 优点:解决了创建多个相似对象的问题 function createPerson(name,age,job){ var o = new Object(); o ...
- Spark编译
Spark的运行版本使用mvn编译,已经集成在源码中.如果机器有外网或者配置了http代理,可以直接调用编译命令来进行编译. windows&Linux命令如下: ./build/mvn \ ...
- 洗礼灵魂,修炼python(30)--装饰器(2)—>装饰器总结+进阶使用
在上一篇博文的经典案例中,我想你应该对装饰器有很好的了解了,不过光有那些还不够真的,还需要总结和进阶一下,所以本篇博文解析装饰器进阶. 装饰器 1.什么是装饰器? 个人理解:装饰器又叫语法糖,指的是对 ...
- Asp.net webForm设置允许表单提交Html
1. 在表单需要提交Html的页面头部加入 ValidateRequest="false" <%@ Page Language="C#" AutoEve ...
- 二: python基础数据类型(int,
一.什么是数据类型?2018-12-20 20:57:3õ # (3) num = 0 while num < 10: num += 1 if num == 7: num += 1 # 7执 ...