diff options
| author | Igor Minar | 2011-06-06 14:44:49 -0700 | 
|---|---|---|
| committer | Igor Minar | 2011-06-06 23:10:28 -0700 | 
| commit | 3069566073ef07700dc29714f74dd6f2069caf90 (patch) | |
| tree | d406f77758faf780c32bf14b5bc2be7c960a7664 /docs/content/api/angular.formatter.ngdoc | |
| parent | bd9a7b9fd71147113a08d8e5736024a8cd6f1979 (diff) | |
| download | angular.js-3069566073ef07700dc29714f74dd6f2069caf90.tar.bz2 | |
api doc fixes from ken
Diffstat (limited to 'docs/content/api/angular.formatter.ngdoc')
| -rw-r--r-- | docs/content/api/angular.formatter.ngdoc | 82 | 
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> - | 
