Javascript 如何使用AngualJS从UI向JSON添加值

HTML:

在这个JSON中，我想添加来自Ui的新项，它应该显示并添加到Ui中

在这里，当我在Ui中添加它时会发生什么，但是当我刷新屏幕时，值消失意味着它只绑定到范围，而不是元素

---

那么如何解决这个问题呢。我是初学者。请提供帮助。

您已经了解问题所在，只需将新项添加到范围变量中即可。为了实现您的目标，您必须将数据保存在某个位置（例如服务器上，甚至本地存储）。否则，它将永远不会被保存，并且您总是会得到上面描述的$scope.events元素。

html是SumbitYes。因此，如果从服务获取JSON，那么我需要做的是存储它的方法。应该使用ng-resource。您可以使用ng-resource。如果您愿意，请查看中的信用卡示例。或者，您可以使用$http服务将新数据发布到服务器。因此，如果在project中创建一个json文件，并使用angualr服务从中获取数据，然后使用ng资源，它会工作吗？不，ng资源用于与服务器交互。如果您从本地文件获取数据，则无法使用它。但我强烈建议您使用带有自己API的web服务器来获取、发布、更新和删除数据。另外，您需要在每次希望持久化数据时编辑本地json文件。好的，它可以工作了。谢谢。现在我正在从rest服务获取数据，并使用ng资源，能够实现我想要的功能。非常感谢您的帮助@Daniel

 <button class="btn-success" ng-click="addEvent(item)">Sumbit</button>

 $scope.events = [
  { "title": "Deployment", "start": "5/7/2015 11:23 AM" },


  { "title": "Go to Task", "start": new Date(y, m, 28), "end": new Date(y, m, 29) }
];
 $scope.addEvent = function (item) {
    //item.$save();
    //$scope.item.color = "black";
    $scope.calEventsExt.events.push(item);

   // $scope.item = {};

};