ember.js - Ember.Select 绑定(bind)设置为未定义

Question

我的模板中有一个 Ember.Select。这些选项是从我从服务器获得的内容中填充的。所有选项都很好。但是当我想显示选定的值时，它会将属性设置为未定义。

模板:

{#with this as context}}
  {{#each}}
    <tr>
      <td>{{name}}</td>
      <td>{{view Ember.Select content=context.types optionValuePath='content.id' optionLabelPath='content.name' value=type}}</td>
    </tr>
  {{/each}}
{{/with}}

Controller :

types: function() {
    return this.store.find('myType');
}.property()

我正在循环的模型:

DS.Model.extend({
  name: DS.attr(),
  type: DS.attr() // <= this is the selected type (id)
});

MyType 型号:

DS.Model.extend({
    name: DS.attr()
});

此代码将呈现 select 元素中的所有选项。像这样:

<select>
  <option value="1">My first type</option>
  <option value="2">My second type</option>
</select>

以下我不明白的事情:

当我检查我的数据(ember 检查插件)时，属性类型设置为未定义。

但是当我选择一个选项时，类型属性设置为正确的 id。

当我删除 value=type当我检查数据时，类型属性具有正确的值。

jsbin:
http://emberjs.jsbin.com/cugetoxoyira/3/edit

Answer 1

你有两个问题:

您选择的内容受限于未实现的 Ember-Data promise (它本身就是一个奇怪的生物)。您可以通过对 isFulfilled 属性进行 if-ing 来绕过它。

这种模型的 ID 是字符串，而不是整数。

看 here修复。

希望有帮助。