Javascript 使用angular.js获取并更新json

我是angular.js的新手，在完成一项看似简单的任务时遇到了一些麻烦

我需要从网站上的json文件中获取下面的json，然后将键（英语、西班牙语等）放在html文件的标签标签中，然后将它们相应的值（0、1、3、2、1）加载到html范围输入中

json文件包含：

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

加载json后生成的html应该如下所示：

<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>

英语
西班牙的
德国的
俄语
韩国人

最后，我想点击表单上的Save，并在线更新json文件中相应键的值

构建此示例所需的所有文件（使用MVC）是什么？如果您的答案涉及任何代码，请明确说明要将代码添加到哪个文件中

---

提前谢谢

这里有一些东西可以让你开始。我将您的json更改为我认为更合适的内容，但如果您愿意，可以将其更改回您的目的。如果您确实使用json，则ng repeat查找重复值时会出现问题，您需要使用

track by$index

来修复此问题。看

如果希望避免将标记包装到额外的div中，则需要在中读取信息

<form>
    <div ng-repeat="lang in languages">
      <label>{{lang.name}}</label>
      <input type="range" min="0" max="4" ng-model="lang.value" >
    </div>
    <button ng-click="save()">Save</button>
    <p>{{msg}}</p>
</form>

{{lang.name}
拯救
{{msg}}

您不能修改服务器上的文件，

$http.post

不能以这种方式工作。

您不能使用$http.post保存文件。客户端代码不能也不应该保存到服务器。你可以想象这会有多危险

---

相反。。。您可以设置一个NodeJS/Express（或其他什么）来接受$http.post中的JSON数据。然后，您可以使用服务器端平台将数据写入文件。但是，我建议不要将数据保存到服务器上的.json文件中。我将.json文件设置为只读，主要用于填充静态变量。您应该考虑将这些类型的文档存储在像CouchDB或MongoDB这样的文档存储中

非常感谢，这帮了大忙！对不起，这一切都是新鲜事，我来做：）@rosciood非常感谢：）

<form>
    <div ng-repeat="lang in languages">
      <label>{{lang.name}}</label>
      <input type="range" min="0" max="4" ng-model="lang.value" >
    </div>
    <button ng-click="save()">Save</button>
    <p>{{msg}}</p>
</form>