angular.formatter.json.html

<h1>angular.formatter.json</h1>
<div class="angular-formatter-json"><fieldset class="workInProgress"><legend>Work in Progress</legend>
This page is currently being revised. It might be incomplete or contain inaccuracies.</fieldset>
<h2>Description</h2>
<div class="description"><p>Formats the user input as JSON text.</p></div>
<h2>Usage</h2>
<div class="usage"><h3>In HTML Template Binding</h3>
<div class="in-html-template-binding"><div ng:non-bindable=""><pre class="brush: js; html-script: true;">&lt;input type="text" name="bindExpression" ng:format="json"&gt;</pre>
</div>
</div>
<h3>In JavaScript</h3>
<div class="in-javascript"><div ng:non-bindable=""><pre class="brush: js; html-script: true;">var userInputString = angular.formatter.json.format(modelValue);
var modelValue = angular.formatter.json.parse(userInputString);</pre>
</div>
</div>
<h3>Returns</h3>
<div class="returns"><code ng:non-bindable="">{?string}</code>
– <p>A JSON string representation of the model.</p></div>
</div>
<h2>Example</h2>
<div class="example"><doc:example>
<pre class="doc-source">
 &lt;div ng:init="data={name:'misko', project:'angular'}"&gt;
   &lt;input type="text" size='50' name="data" ng:format="json"/&gt;
   &lt;pre&gt;data={{data}}&lt;/pre&gt;
 &lt;/div&gt;
</pre>
<pre class="doc-scenario">
 it('should format json', function(){
   expect(binding('data')).toEqual('data={\n  \"name\":\"misko\",\n  \"project\":\"angular\"}');
   input('data').enter('{}');
   expect(binding('data')).toEqual('data={\n  }');
 });
</pre>
</doc:example></div>
</div>