如何设置semantic-ui-ember下拉值?

时间:2018-03-16 00:22:20

标签: ember.js dropdown semantic-ui

我有一个名为 assessmentTestModel 的模型,它是 assessmentTests 的列表。每个assessmentTest都包含唯一标识符 id form ,它是对另一个名为 form 的对象的引用。表单还具有唯一标识符 id

对于assessmentTestModel中的每个assessmentTest,我想在屏幕上呈现一个下拉列表,其中的菜单项都是所有形式的(我已经完成了这个)。我还希望它们具有选定的assessmentTest.form默认值(这是问题)。目前,当呈现每个下拉列表时,它会显示默认文本'选择评估测试'。

这是assessmentTestModel的一个例子:

{ assessmentTestModel: [
      {
          id: '1029',
          form: '85'
      },
      {
          id: '1030',
          form: '87'
      },
      {
          id: '1031',
          form: '85'
      }
 ]
}

这是我当前的.hbs文件。我已经尝试将ui-dropdown的 value 属性设置为表单的id和表单对象本身。两者都没有奏效。

<div class="field">
    <label>Assessment Tests</label>
    <ol>
        {{#each assessmentTestModel as |assessment|}}
            <li>
                {{#ui-dropdown value=assessment.form class="selection" onChange=(action 'selectForm' assessment)}}
                    <div class="default text">Select an Assessment Test</div>
                    <i class="dropdown icon"></i>
                    <div class="menu">
                        <div data-value="" class="item">All Items</div>
                        {{#each formModel as |form|}}
                            <div data-value="{{form.id}}" class="item">
                                {{form.name}}
                            </div>
                        {{/each}}
                    </div>
                {{/ui-dropdown}}
            </li>
        {{/each}}
    </ol>
</div>

0 个答案:

没有答案