使用angularJS将文本框值保存到JSON中

时间:2015-12-03 11:28:59

标签: jquery angularjs

如何使用AngularJS将文本框值保存到JSON文件中? 例如

<tr>
  <th>Email (ID)</th>
  <td><input type="text" size="15" id="email_id" ng-model="email_ID" /></td>
  <th>Contact Number</th>
  <td><input type="text" size="15" id="C_Num" ng-model="Contact" /></td>

单击按钮,驻留在文本框中的数据应使用AngularJS保存在JSON文件中。

1 个答案:

答案 0 :(得分:0)

为了在JSON字符串中转换某些东西,你应该有一个对象。它适用于简单的变量,但我不会对你想要完成的事情产生太大的影响。

无论如何要通过单击按钮将模型保存为textarea内的JSON字符串,您应该执行以下操作:

My name: <input type="text" ng-model="myModel.name">
My phone: <input type="text" ng-model="myModel.phone"> 
<button ng-click="jsonString = angular.toJson(myModel)">Save JSON</button>
<textarea ng-model="jsonString"></textarea>