Description
AngularJS Internationalization is possible by numbers and dates done internally.
Description
Few of the AngularJS filters gives foundation to internationalization. For example, currency and date filters support for internationalization like below.
[javascript]
{{ theDate | date: 'fullDate' }}
{{ theValue | currency }}
{{ theValue | number }}
[/javascript]
The filter takes the below values defining the way to format the date.
- short
- medium
- shortDate
- mediumDate
- longDate
- fullDate
- shortTime
- mediumTime
Description
To initiate locale (language and country) to AngularJs, include the respective AngularJS locale file. Below example shows the way to include the Danish locale.
<script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script>
Description
[html]
<!DOCTYPE html>
<html lang="en">
<head>
<title>AngularJS Routes example</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script>
</head>
<body ng-app="myapp">
AngularJS I18n
<div ng-controller="mycontroller">
{{theDate | date : "fullDate"}} <br/>
{{theValue | currency }}
</div>
<script>
var module = angular.module("myapp", []);
module.controller("mycontroller", function($scope) {
$scope.theDate = new Date();
$scope.theValue = 123.45;
});
</script>
</body>
</html>
[/html]
Key Points
- AngularJS Internationalization refers to setting the date, time or currency as per the local standards.
- Data, Currency and Number filter supports Internationalization.