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

Question

在可编辑模式下，当视图是而不是时，我可以显示我的所有选项值和标签，问题是当Ember Select视图处于可编辑模式时，我无法实现这一点。

这里的代码：

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来缓解这种情况，允许controller/this仍在作用域中，并且您正在迭代的项的作用域为item

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