Json 如何使用angularjs存储表单数据？_Json_Angularjs

Json 如何使用angularjs存储表单数据？

json angularjs

Json 如何使用angularjs存储表单数据？,json,angularjs,Json,Angularjs,我创建了一个带有输入字段的表单，它显示json文件的当前值。现在，我希望当用户更改值并提交表单时，我应该能够检索新值，然后将其写入json文件。我现在的代码如下 html文件 <html ng-app> <head> <script src="angular.min.js"></script> <script src="angularjs.js"></script> </head> <body n

我创建了一个带有输入字段的表单，它显示json文件的当前值。现在，我希望当用户更改值并提交表单时，我应该能够检索新值，然后将其写入json文件。我现在的代码如下

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>

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

提前多谢

使用

…ng model=“team.teamName”

和

…ng model=“team.w”

代替

…value=“{{team.teamName}}}”

使用

…ng model=“team.teamName”

此外，我强烈建议您学习AngularJS phonecat教程，该教程可以找到。它将详细解释如何创建一个简单的最小AngularJS应用程序，并非常清楚地解释大多数概念。

而不是

…value=“{{team.teamName}}”

或

…value=“{{team.w}”

使用

…ng model=“team.teamName”

和

…ng model=“team.w”

此外，我强烈建议您学习AngularJS phonecat教程，该教程可以找到。它将详细解释如何创建一个最小AngularJS应用程序，并非常清楚地解释大多数概念。

但问题是我想在表单字段中显示当前值，然后如果用户仍想进行更改并提交表单，则应将其保存或暂时存储在变量中。您是否尝试了上述方法？它将显示输入中的当前值，当用户更改值时，

$scope.teams

将自动用新值更新-这就是AngularJS的优点。我想你当然应该试试AngularJS教程——我提供的链接——来了解你可以用AngularJS做什么以及它是如何工作的。但问题是我想在表单字段中显示当前值，然后如果用户仍然想进行更改并提交表单，它应该被保存或暂时存储在variableDid中你试过上面的方法吗？它将显示输入中的当前值，当用户更改值时，

$scope.teams

将自动用新值更新-这就是AngularJS的优点。我想你当然应该试试AngularJS教程——我提供的链接——来了解你可以用AngularJS做什么以及它是如何工作的。

{"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}]}