如何在离子应用开发中添加印地文内容?

时间:2018-01-21 17:10:46

标签: angular cordova ionic-framework

我正在使用离子框架开发android和ios应用程序,它依赖于印地文内容,为什么我现在能够添加印地文内容,任何机构都可以解决这个问题。是可能的。?

1 个答案:

答案 0 :(得分:1)

在main-> constants文件夹中创建一个language.js文件,并添加内容进行翻译,如下所示:

'use strict';
(function () {
 angular.module('main')
.config(function ($stateProvider, $urlRouterProvider, 
$translateProvider) {
$translateProvider.translations('en', {
welcome_message: 'Welocome',
hello_message: 'Hello',
mobile_message: 'Mobile number',
});
$translateProvider.translations('hi', {
welcome_message: 'स्वागत हे',
hello_message: 'नमस्ते',
mobile_message: 'मोबाइल नंबर',
});
if (window.localStorage['language'] === undefined) {
window.localStorage['language'] = 'hi';
}
$translateProvider.preferredLanguage(window.localStorage['language']);
$translateProvider.fallbackLanguage('hi');
});
})();

在您的html文件中,您可以使用翻译

<label class="item item-input InputFormFull">
      <span class="input-label">{{'mobile_message' | translate}} * </span>
       <input type="tel">
    </label>

您已安装翻译插件,可以从以下链接安装:translatelink

npm install --save-dev angular-translate

在main.js中,如果您使用hindi作为整个应用程序,则必须包含依赖项:

angular.module('main', [
'ionic',
'ngCordova',
'ui.router',
'ion-place-tools',
'pascalprecht.translate',
])