angularjsでi18nを使用する方法

Question

i18nをどのように使用して、変数 "title"がtraslatated jsonの値をとるようにするべきですか？それは "Mis viajeses"を返し、今は何も返されていません。ありがとう trips-header.jade

私はこれを行い、画面に「0」を表示します。

.trips-header 
    .background-image 
    .header-content 
     p.title.ng-i18next {{ title | i18next}} 
     p.sub-title.ng-i18next {{ sub-title | i18next}} 

ミJSONここ

{ 
    "es-AR": { 
     "translation": { 
     "title":"Mis Viajes!", 
     "sub-title": " te ayuda a planificar y organizar tus viajes." 
     } 
    } 
} 

Answer 1

は、サンプルアプローチです。あなたは、HTMLは次のようになりたい：

<h1>{{'hello' | i18next}}</h1> 

あなたのヒスイはこれです：

- var foo = "{{hello | i18next}}" 
h1= foo 

あなたの翻訳はこれです：角度で

{ 
    "es-AR": { 
     "translation": { 
      "hello":"hi!" 
     } 
    } 
} 

あなたの国際化を適切に設定する必要があります。

yourApp.config(['$i18nextProvider',function($i18nextProvider) { 
    $i18nextProvider.options = { 
     lng: 'es-AR', //select or detect from browser 
     useCookie: false, 
     useLocalStorage: false, 
     fallbackLng: 'en', 
     resGetPath: l_prefix + 'locales/__lng__/__ns__.json', 
     defaultLoadingValue: '' 
    } 
// file is expected to be locales/es-AR/translation.json 
..... remaining of the config 

EDIT ：「こんにちは」の周りに引用符が追加されました。今は変数ではなくテキストとして扱われます。