如何在JSON中格式化多选表单数据

时间:2017-07-29 07:42:52

标签: html json angular angular2-template

我有一个模板驱动的表单,它有多选字段称为资产。 我正在使用语义UI。

<div ngModelGroup="assets">
        <div class="field">
          <label for="resourceName">Assets</label>
          <div class="form-control">
            <select ngModel name="resourceName" multiple="" #resourceName="ngModel" id="multi-select" class="ui dropdown" required>
              
          <option *ngFor = "let x of resources" value ="{{x.resourceName}}" >{{ x.resourceName }}</option> 
               </select>
          </div>
        </div>
      </div>

我从下拉列表获得的json格式为: "assets":{"resourceName":["laptop","keyboard"]}

但我希望它采用以下格式: "assets":[{"resourceName":"laptop"},{"resourceName":"keyboard"}]

我该怎么做?

1 个答案:

答案 0 :(得分:1)

您可以对数组使用map转换来获得所需的输出。

this.resources = this.assets.resourceName.map(i => { resourceName: i})