如何使用angularjs存儲表單數據？

我已經創建了一個帶有輸入字段的表單，它顯示了一個json文件的當前值。現在我想要當用戶更改值並提交表單時，我應該能夠檢索新值並稍後將其寫入json文件。我現在的代碼如下如何使用angularjs存儲表單數據？

HTML文件

<html ng-app> 
<head> 
    <script src="angular.min.js"></script> 
    <script src="angularjs.js"></script> 
</head> 
<body ng-controller="teamsController"> 
    <form > 
    <table> 
     <thead> 
      <th>TeamName</th><th>Wins</th> 
     </thead> 
    <tr ng-repeat="team in teams"><td><input type="text" value="{{team.teamName}}"></td> 
    <td><input type="text" value="{{team.w}}"></td></tr> 
    </table> 
    <input type="submit" value="Save new values" ng-click="savedata()"> 
    </form> 
</body> 
</html>

JS文件

var teamsController = function ($scope,$http) { 
$http.get("teams.json").success(function(data) 
{ 
$scope.teams=data.teams; 
console.log(data); 
console.log($scope.teams); 
}); 
}

和JSON文件是

{"leagueName":"American League", "abbr":"AL", "teams":[ 
    {"teamName":"Tampa Bay", "w":96, "l":66}, 
    {"teamName":"NY Yankees", "w":95, "l":67}, 
    {"teamName":"Boston", "w":89, "l":73}, 
    {"teamName":"Toronto", "w":85, "l":77}, 
    {"teamName":"Baltimore", "w":66, "l":96}, 
    {"teamName":"Minnesota", "w":94, "l":68}, 
    {"teamName":"Chicago White Sox", "w":88, "l":74}, 
    {"teamName":"Detroit", "w":81, "l":81}, 
    {"teamName":"Cleveland", "w":69, "l":93}, 
    {"teamName":"Kansas City", "w":67, "l":95}, 
    {"teamName":"Texas", "w":90, "l":72}, 
    {"teamName":"Oakland", "w":91, "l":81}, 
    {"teamName":"LA Angels", "w":80, "l":82}, 
    {"teamName":"Seattle", "w":61, "l":101}]}

非常感謝提前！

來源

2013-06-13 user2460658