2017-05-09 2 views
0

i18n을 어떻게 사용하여 "title"변수가 traslatated json의 값을 사용합니까? 그것은 "Mis viajeses"를 반환해야하며 지금은 아무 것도 반환하지 않습니다. 감사합니다 trips-header.jadeangularjs에서 i18n을 사용하는 방법 1.6

나는 이것을했고 나는 화면에 "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." 
     } 
    } 
} 
+0

인터넷에서 보셨나요? https://github.com/i18next/ng-i18next –

+0

예! 그러나 클래스에 적용하는 방법을 이해할 수는 없습니다. 어떻게하면됩니까? (예제를 참조로 사용하십시오.) –

답변

1

샘플 방식이다. 당신은 다음과 같이 HTML을 원하는 :

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

각도에서 귀하의 국제화가 제대로 구성해야합니다 :

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

번역이 있습니다 :

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

귀하의 옥이있다

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 : '안녕하세요'주위에 따옴표가 추가되었습니다. 이제는 텍스트가 아닌 변수로 취급됩니다.

+0

업데이트 된 게시물을 참조하십시오! 고마워요! –

+0

각도면이 올바르게 구성되었는지 확인하십시오. dev 도구의 요소를 검사하십시오. html 구조가 올바르게 렌더링되어야합니다. 또한 하위 제목을 "-"가 포함되지 않은 것으로 변경하고 싶을 수도 있습니다. –

+0

감사합니다! 나는 그것을 밖으로 검사 할 것이다! 내가 얻는 순간으로 i18next :: translator : missingKey es-AR 번역 0에서 dev 도구 –