English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

AngularJS 기본 튜토리얼

AngularJS 국제화

AngularJS는 기본적으로 세 가지 유형의 필터를 지원하는 내장 국제화를 가지고 있습니다: 화폐, 날짜, 숫자. 우리는 단순히 국가의 언어 환경에 따라 해당 자바스크립트를 병합하면 됩니다. 기본적으로는 브라우저의 지역 설정을 고려합니다. 예를 들어, 덴마크어 지역 설정의 경우 다음과 같은 스크립트를 사용하세요-

<script　src　=　"https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js">
</script>

덴마크 언어 환경을 사용하는 예제

testAngularJS.htm

<html>
　　　<head>
　　　　　　<title>Angular JS Forms</title>
　　　</head>
　　　
　　　<body>
　　　　　　<h2>AngularJS Sample Application</h2>
　　　　　　
　　　　　　<div ng-app = "mainApp" ng-controller = "StudentController">
　　　　　　　　　{{fees　|　currency　}}　　<br/><br/>
　　　　　　　　　{{admissiondate　|　date　}}　　<br/><br/>
　　　　　　　　　{{rollno　|　number　}}
　　　　　　</div>
　　　　　　<script　src　=　"https://cdn.staticfile.org/angular.js/1.3.14/angular.min.js"></script>
　　　　　　<script　src　=　"https://cdn.staticfile.org/angular.js/1.3.14/i18n/angular-locale_da-dk.js"></script>
　　　　　　
　　　　　　<script>
　　　　　　　　　var　mainApp　=　angular.module("mainApp",　[]);
　　　　　　　　　
　　　　　　　　　mainApp.controller('StudentController',　function($scope)　{
　　　　　　　　　　　　$scope.fees　=　100;
　　　　　　　　　　　　$scope.admissiondate　　=　new　Date();
　　　　　　　　　　　　$scope.rollno　=　123.45;
　　　　　　　　　});
　　　　　　</script>
　　　　　　
　　　</body>
</html>
테스트를 해보세요‹/›

출력 결과

네트워크 브라우저에서 파일을 엽니다.testAngularJS.htm결과를 확인하세요。

브라우저 언어 환경을 사용하는 예제

testAngularJS.htm

<html>
　　　<head>
　　　　　　<title>Angular JS Forms</title>
　　　</head>
　　　
　　　<body>
　　　　　　<h2>AngularJS Sample Application</h2>
　　　　　　
　　　　　　<div ng-app = "mainApp" ng-controller = "StudentController">
　　　　　　　　　{{fees　|　currency　}}　　<br/><br/>
　　　　　　　　　{{admissiondate　|　date　}}　　<br/><br/>
　　　　　　　　　{{rollno　|　number　}}
　　　　　　</div>
　　　　　　<script　src　=　"https://cdn.staticfile.org/angular.js/1.3.14/angular.min.js"></script>
　　　　　　<!--　<script　src　=　"https://cdn.staticfile.org/angular.js/1.3.14/i18n/angular-locale_da-dk.js"></script>　-->
　　　　　　
　　　　　　<script>
　　　　　　　　　var　mainApp　=　angular.module("mainApp",　[]);
　　　　　　　　　
　　　　　　　　　mainApp.controller('StudentController',　function($scope)　{
　　　　　　　　　　　　$scope.fees　=　100;
　　　　　　　　　　　　$scope.admissiondate　　=　new　Date();
　　　　　　　　　　　　$scope.rollno　=　123.45;
　　　　　　　　　});
　　　　　　</script>
　　　　　　
　　　</body>
</html>
테스트를 해보세요‹/›

출력 결과

네트워크 브라우저에서 파일을 엽니다.testAngularJS.htm결과를 확인하세요。

AngularJS 참조 매뉴얼AngularJS 커스텀 지시