aboutsummaryrefslogtreecommitdiffstats
path: root/docs/content/api/angular.formatter.ngdoc
diff options
context:
space:
mode:
Diffstat (limited to 'docs/content/api/angular.formatter.ngdoc')
-rw-r--r--docs/content/api/angular.formatter.ngdoc82
1 files changed, 0 insertions, 82 deletions
diff --git a/docs/content/api/angular.formatter.ngdoc b/docs/content/api/angular.formatter.ngdoc
deleted file mode 100644
index 4eef190e..00000000
--- a/docs/content/api/angular.formatter.ngdoc
+++ /dev/null
@@ -1,82 +0,0 @@
-@workInProgress
-@ngdoc overview
-@name angular.formatter
-@namespace Namespace for all formats.
-@description
-# Overview
-The formatters are responsible for translating user readable text in an input widget to a
-data model stored in an application.
-
-# Writting your own Formatter
-Writing your own formatter is easy. Just register a pair of JavaScript functions with
-`angular.formatter`. One function for parsing user input text to the stored form,
-and one for formatting the stored data to user-visible text.
-
-Here is an example of a "reverse" formatter: The data is stored in uppercase and in
-reverse, while it is displayed in lower case and non-reversed. User edits are
-automatically parsed into the internal form and data changes are automatically
-formatted to the viewed form.
-
-<pre>
-function reverse(text) {
- var reversed = [];
- for (var i = 0; i < text.length; i++) {
- reversed.unshift(text.charAt(i));
- }
- return reversed.join('');
-}
-
-angular.formatter('reverse', {
- parse: function(value){
- return reverse(value||'').toUpperCase();
- },
- format: function(value){
- return reverse(value||'').toLowerCase();
- }
-});
-</pre>
-
-@example
-<doc:example>
- <doc:source>
- <script type="text/javascript">
- function reverse(text) {
- var reversed = [];
- for (var i = 0; i < text.length; i++) {
- reversed.unshift(text.charAt(i));
- }
- return reversed.join('');
- }
-
- angular.formatter('reverse', {
- parse: function(value){
- return reverse(value||'').toUpperCase();
- },
- format: function(value){
- return reverse(value||'').toLowerCase();
- }
- });
- </script>
-
- Formatted:
- <input type="text" name="data" value="angular" ng:format="reverse"/>
- <br/>
-
- Stored:
- <input type="text" name="data"/><br/>
- <pre>{{data}}</pre>
- </doc:source>
- <doc:scenario>
- it('should store reverse', function(){
- expect(element('.doc-example-live input:first').val()).toEqual('angular');
- expect(element('.doc-example-live input:last').val()).toEqual('RALUGNA');
-
- this.addFutureAction('change to XYZ', function($window, $document, done){
- $document.elements('.doc-example-live input:last').val('XYZ').trigger('change');
- done();
- });
- expect(element('.doc-example-live input:first').val()).toEqual('zyx');
- });
- </doc:scenario>
-</doc:example>
-