如何将表单字段的值设置为 JSON 中的值？答案

【问题标题】：How to set the value of a form field to a value from a JSON?如何将表单字段的值设置为 JSON 中的值？
【发布时间】：2015-08-26 09:24:50
【问题描述】：

我有一个如下所示的 JSON：（部分示例）

[{"field_name":"birth_date",
  "serial_num":"1",
  "is_required":"true",
  "get_possible_values_from":"null",
  "gui_description":"Birth Date",
  "value":"1990-11-06"},

 {"field_name":"city",
  "serial_num":"2",
  "is_required":"true",
  "get_possible_values_from":"null",
  "gui_description":"City",
  "value":"New York"}]

我有 HTML 表单，我希望每个字段的值都是 JSON 中的字段“值”。但是当我这样做时：

<div data-ng-repeat="field in fields | orderBy: 'serial_num'">
<div data-ng-show="field.fields_group==0">
    <div data-ng-show="field.get_possible_values_from=='null'">
    <!-- mark obligated fields with * -->
        <span data-ng-show="field.is_required=='true'">*</span>
        {{field.gui_description}}:
        <div align="center">
            <input type="text" value="field.value" id="field.gui_description">
        </div>
  </div>

它将值显示为“field.value”，而不是实际值。

如何将值设置为 JSON 中的实际值..？

【问题讨论】：

标签： javascript html json angularjs forms

【解决方案1】：

你应该使用data-ng-value 喜欢：

<input type="text" data-ng-value="field.value">

在您的代码中，value="field.values" 没有使用任何类型的 AngularJS 绑定，因此将在 html 中使用确切的值。

【讨论】：

谢谢！我在 JSON 中有另一个属性，称为“数据”，用于保存用户输入，但是当我将该行更新为默认值不起作用..任何想法为什么？
@ArbelA 为什么您希望默认值起作用？您添加了data-ng-model，这意味着整个标签将绑定到不包含field.value 之类的字段的field.data。它也打破了价值的绑定。
那么如何将其绑定到“数据”以保存输入值，并显示默认值..？（使用 value="{{field.value}}" 不起作用）

【解决方案2】：

你可以试试看

<input type="text" value="{{field.value}}" id="field.gui_description"/>

Demo

【讨论】：

请考虑编辑您的帖子，以添加更多关于您的代码的作用以及它为何能解决问题的说明。一个大部分只包含代码的答案（即使它正在工作）通常不会帮助 OP 理解他们的问题。如果只是猜测，还建议您不要发布答案。一个好的答案将有一个合理的理由说明它为什么可以解决 OP 的问题。
@SuperBiasedMan Thakns 感谢您的回复，但这不是猜测，我最好尝试一下然后写下答案，如果您看到还有演示，并且我认为 OP 知道我这样做的方式。 OP 已经使用了{{field.gui_description}}，所以他/她会知道这个运算符的含义。顺便说一句