Obtenir et mettre à jour json à l'aide de angular.js

Je suis très nouveau à angular.js et je rencontre des difficultés avec une apparence simple tâche.

J'ai besoin d'obtenir le json ci-dessous à partir d'un fichier json sur un site web, puis de placer les touches (anglais, espagnol, etc.) à l'intérieur des étiquettes dans mon fichier html, puis les charger sur leurs valeurs correspondantes (0, 1, 3, 2, 1) en html plage d'entrées.

Le fichier json contient:

[{"english":0,"spanish":1,"german":3,"russian":2,"korean":1}]

Le code html généré après le chargement du json doit ressembler à:

<form>
    <label>English</label>
    <input type="range" min="0" max="4" value="ENGLISH_VALUE_RETRIEVED_FROM_JSON_FILE" >
    <label>Spanish</label>
    <input type="range" min="0" max="4" value="SPANISH_VALUE_RETRIEVED_FROM_JSON_FILE" >
    <label>German</label>
    <input type="range" min="0" max="4" value="GERMAN_VALUE_RETRIEVED_FROM_JSON_FILE" >
    <label>Russian</label>
    <input type="range" min="0" max="4" value="RUSSIAN_VALUE_RETRIEVED_FROM_JSON_FILE" >
    <label>Korean</label>
    <input type="range" min="0" max="4" value="KOREAN_VALUE_RETRIEVED_FROM_JSON_FILE" >
    <input type="submit" text="Save">
</form>

Enfin je veux cliquer sur Enregistrer sur le formulaire et les valeurs pour les touches correspondantes de mise à jour sur le fichier json en ligne.

Ce sont tous les fichiers nécessaires (en utilisant MVC) pour la construction de cet exemple? Si votre réponse implique de n'importe quel code, pouvez vous s'il vous plaît explicitement dire quels sont les fichiers à ajouter le code?

Merci d'avance!

OriginalL'auteur roscioli | 2013-11-14