programing

현지화를 위한 각도 js 지원

subpage 2023. 3. 10. 21:33
반응형

현지화를 위한 각도 js 지원

Angular에서 문서를 찾으려고 했습니다.JS: 여러 언어를 지원하지만 성공하지 못했습니다.현지화는 지원됩니까?

angular-timeout을 보세요.https://github.com/angular-translate/angular-translate

모든 DIY 사용자용:

angular에 대한 현지화된 파일을 찾을 수 있습니다.

이러한 파일은 날짜, 통화숫자 등의 내장 각도 필터를 사용하는 데 도움이 됩니다.대단해...지금까지는 이해돼요.

이제 자신의 텍스트를 사용하려고 합니다.필요한 것은 angular.js 의존성 주입의 힘뿐입니다."myTexts_en_us.js"와 같은 새 파일을 만들고 다음과 같이 $provide.value를 사용합니다.

$provide.value("myTexts", {firstText : "This is my localized text"});

상세한 것에 대하여는,
http://jsfiddle.net/4tRBY/24/

실제 사용 시에는 http://jsfiddle.net/4tRBY/41/ 필터를 추가해야 합니다.

힌트:

  • 새로운 현지화 파일을 직접 html(JS 또는 서버)에 삽입하십시오.(서버가 최적의 선택입니다!)
  • angular-local 파일 중 하나를 포함할 경우 앱 모듈에서 설정할 필요가 없습니다.(자동으로 $125가 됩니다. 바이올린 보기)
  • id 키를 $140-value에 추가하고 파일 내에서 사용하는 언어 코드로 값을 설정합니다.이 키는 테스트에 도움이 됩니다.

당신이 찾고 있는 것은 $locale입니다.

실제로 angularjs 홈페이지의 절반 정도에도 예가 있습니다.

예를 들어 다음과 같습니다.

function BeerCounter($scope, $locale) {
  $scope.beers = [0, 1, 2, 3, 4, 5, 6];
  if ($locale.id == 'en-us') {
    $scope.beerForms = {
      0: 'no beers',
      one: '{} beer',
      other: '{} beers'
    };
  } else {
    $scope.beerForms = {
      0: 'žiadne pivo',
      one: '{} pivo',
      few: '{} pivá',
      other: '{} pív'
    };
  }
}

'표준'인지 아닌지...하지만 이제 시작이야현지화가 많으면 컨트롤러에 삽입하는 서비스를 만들 수 있을 것 같습니다.다음과 같은 psuedo 코드:

app.service('myLocalization', ['$locale', function($locale) {
    var res = {
       'help' : { 
           'en-us': 'help',
           'es-mx': 'ayudame'
       },
       'beer' : {
            'en-us': 'beer',
            'es-mx': 'cerveza'
       }
    }

    return {
       getString: function(key) {
          return res[key][$locale.id];
       }
    }
});

현지화를 위해 특별히 모듈을 만들었습니다.https://github.com/4vanger/angular-l10n 메시지 현지화, 파라미터 대체, 비행 중 로케일 변경을 지원하며 필터, 지시문 등 다양한 편리한 사용 방법을 제공합니다.

정보의 완전성을 위해 AngularJS 1.4 스트림 내에서 시작하는 i18n을 코어에서 바로 구현합니다.https://github.com/angular/i18n 를 참조해 주세요.

다음 항목도 확인할 수 있습니다.

https://github.com/angular-ui/ui-utils/pull/173

성능은 현재 angular에 사용 가능한 다른 i18n 라이브러리보다 우수합니다.

i18n의 서포트를 희망하시는 경우는, 이하의 프로젝트를 참조해 주세요.이 프로젝트는 다국어 기능을 모두 갖추고 있어 도입도 간단합니다.github 프로젝트 보기

angularjs 현지화 서비스

언급URL : https://stackoverflow.com/questions/12664823/angular-js-support-for-localization

반응형