Ember.js 在选择字段中动态设置余烬中的选择键

Ember.js 在选择字段中动态设置余烬中的选择键,ember.js,ember-data,ember-cli,Ember.js,Ember Data,Ember Cli,因此,我有一个从数据库生成表单的API。字段的API返回: { "formFields": [ { "module": 1, "fieldName": "Global Title", "fieldPosition": "1", "fieldType": "select", "fieldEditable": true, "dataTable": "message", "dataKey": "callin

因此,我有一个从数据库生成表单的API。字段的API返回:

{
  "formFields": [
    {
      "module": 1,
      "fieldName": "Global Title",
      "fieldPosition": "1",
      "fieldType": "select",
      "fieldEditable": true,
      "dataTable": "message",
      "dataKey": "calling_gt",
      "dataValue": "id",
      "id": 1,
      "createdAt": "2015-10-15T13:59:30.764Z",
      "updatedAt": "2015-10-15T13:59:30.764Z"
    }
  ]
}
我有多个余烬组件。本质上是一个Add参数组件,它在与该组件相关的字段中循环。下面是从数据库表和用于
键->值的字段加载传入模型的选择组件:

  {{#each model.fields as |field|}}

      {{#if (eq field.fieldType "select")}}
          {{form/select-field model=field.dataTable label=field.fieldName key=field.dataKey value=field.dataValue selected=1}}
      {{/if}}

  {{/each}}
然后,
select字段
组件生成一个select,从Add Parameter组件中提供的值中取出模型数据,如下所示:

<div class="form-group">
  <label for="{{key}}">{{label}}</label>
  {{#x-select value=optionValue action="selectOption" class="form-control" id=key}}
    {{#each componentModel as |option|}}
      {{#x-option value=option.calling_gt}}{{option.calling_gt}}{{/x-option}}
    {{/each}}
  {{/x-select}}
</div>

是否有人知道如何使用传递到
选择字段
组件的键和值显示数据?

听起来您可能可以使用
获取
帮助程序


谢谢,找帮手是我需要的。
import Ember from 'ember';

export default Ember.Component.extend({
  componentModel: function() {
    return this.store.findAll(this.get('model'));
  }.property(),

  actions: {
    selectOption(value, component) {
      Ember.Logger.debug("Option " + component + " with value " + value + "     selected");
      this.set('optionValue', value);
    }
  },
});
{{#x-option value=(get option key)}}
  {{get option key}}
{{/x-option}}