Question

我想要一组多语言选项卡，其定义如下：

// setup an abstract state for the tabs directive
    .state('tab', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/en/tabs.html"
  })

到目前为止，这是我尝试过的：

<ion-tab title="{{trans.MARKETPLACE}}" icon-off="ion-ios-gear-outline"   icon-on="ion-ios-gear" href="#/tab/market">
<ion-nav-view name="tab-market"></ion-nav-view>
</ion-tab>

顺便说一句，我也试过ng-model。

和[玩具但工作，我有调试警报！]语言工厂：

var en = {
'MARKETPLACE' : 'Marketplace',
};
var fr = {
'MARKETPLACE' : 'Marche',
};

if (lang == 'en') {
trans = en ;
} else if (lang == 'fr') {
trans = fr ;
}
var stuff = JSON.stringify(trans) ;
alert('in translate ' + stuff + ' ' + lang) ;
return trans ;

语言从主显示屏之前的永久存储中加载。所以“这样的事情”应该有效吗？我知道我可以用其他方式提供语言字符串，但这看起来很简单。我实际上想要/template/language-code/stuff.html作为我的网络应用程序，但这似乎不是应用程序的方式。

先谢谢Hugh

基于Ionic的App中的多语言顶级选项卡

0 个答案: