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允许控制器/此仍然在范围内并且您正在迭代的项目作为item

来缓解此问题

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

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

1 个答案: