如何将表单字段的值设置为JSON中的值?

时间:2015-08-26 09:24:50

标签: javascript html json angularjs forms

我有一个看起来像这样的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表单,我希望每个字段的值都是字段" s" value"来自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>

它将值显示为&#34; field.value&#34;而不是实际值。

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

1 个答案:

答案 0 :(得分:1)

您应该使用data-ng-value之类的:

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

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