javascript - 如何将表单字段的值设置为 JSON 中的值？

Question

我有一个如下所示的 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 中的实际值..？

Answer 1

您应该使用data-ng-value，例如:

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

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