javascript - Ember 视图中未显示的选项 选择可编辑

Question

当视图不处于可编辑模式时，我可以显示所有选项值和标签，问题是当 Ember 选择视图处于可编辑模式时我无法实现相同的效果。

这里的代码：

App.ThreadsController=Ember.ArrayController.extend({

   selectContentTariffa: null,

   selectContentTariffa: [
     {label: "180", value: "180"},
     {label: "200", value: "200"},
     {label: "300", value: "300"}
   ],

在我无法显示选项的可编辑模式下

{{#if editable}}
<td>{{view Ember.Select prompt="Tariffa" content=selectContentTariffa optionValuePath="content.value" optionLabelPath="content.label" selectionBinding="selectContentTariffa" valueBinding="content.label"}}</td>

在我看来，当它不可编辑并且选项正确显示时

<td>{{view Ember.Select prompt="Tariffa" content=selectContentTariffa optionValuePath="content.value" optionLabelPath="content.label"}}</td>

这里有一个 jsbin 正在重现该问题：http: //jsbin.com/begopu/19/edit

Answer 1

您的范围在每个内部都发生了变化，因此控制器不再this意味着您无权访问它的属性。each item in model您可以通过使用allow controller/this 仍然在范围内来缓解这种情况，并且您正在迭代的项目被限定为item

示例：http: //jsbin.com/jumem/1/edit