title: Get and update json using angular.js
body: <p>I am very new to angular.js and am having some trouble with a seemingly simple task.</p>
  
  <p>I need to get the json below from a json file on a website, then place the keys (english, spanish, etc.) inside label tags in my html file, then load their corresponding values (0, 1, 3, 2, 1) into html range inputs.</p>
  
  <p>The json file contains:</p>
  
  <pre><code>[{"english":0,"spanish":1,"german":3,"russian":2,"korean":1}]
  </code></pre>
  
  <p>The html produced after loading the json should look like:</p>
  
  <pre><code>&lt;form&gt;
      &lt;label&gt;English&lt;/label&gt;
      &lt;input type="range" min="0" max="4" value="ENGLISH_VALUE_RETRIEVED_FROM_JSON_FILE" &gt;
      &lt;label&gt;Spanish&lt;/label&gt;
      &lt;input type="range" min="0" max="4" value="SPANISH_VALUE_RETRIEVED_FROM_JSON_FILE" &gt;
      &lt;label&gt;German&lt;/label&gt;
      &lt;input type="range" min="0" max="4" value="GERMAN_VALUE_RETRIEVED_FROM_JSON_FILE" &gt;
      &lt;label&gt;Russian&lt;/label&gt;
      &lt;input type="range" min="0" max="4" value="RUSSIAN_VALUE_RETRIEVED_FROM_JSON_FILE" &gt;
      &lt;label&gt;Korean&lt;/label&gt;
      &lt;input type="range" min="0" max="4" value="KOREAN_VALUE_RETRIEVED_FROM_JSON_FILE" &gt;
      &lt;input type="submit" text="Save"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Finally I want to hit Save on the form and have the values for the corresponding keys updated on the json file online.</p>
  
  <p>What are all the files necessary (using MVC) to build this example? If your answer involves any code, can you please explicitly say which file to add the code to?</p>
  
  <p>Thanks in advance!</p>