javascript - Ember 中的 View /状态逻辑应该放在哪里？

Question

我正在开发一个 Ember 应用程序，我很难理解我正在构建的功能的逻辑应该放在哪里。功能是这样的，我们正在显示一个可以编辑标题的项目列表。想要的效果是显示文字的区域默认是一个<p>标记，但是当单击编辑按钮时，标题变成文本字段，因此用户可以编辑标题并保存它。

这是标题当前的模板，

{{#if track.isBeingEdited}}
  {{ input value=track.title }}
{{else}}
  {{ track.title }}
{{/if}}

我正在考虑使用这样的按钮，

{{#if track.isBeingEdited}}
  <button {{action updateTitle}}>Save Title</button>
{{else}}
  <button {{action toggleEditState}}>Edit Title</button>
{{/if}}

目前模型有isBeingEdited默认设置为 false 的属性。我正在考虑将 Action 放在 Controller 中，这会改变模型的值 isBeingEdited属性设置为 true，或返回 false 并触发保存新标题。

我不确定 isBeingEdited应该在 Controller 中，这是一个 Ember.ArrayController .此外，是否应该单击按钮并切换 <p> 的操作？文本区域的标记位于 Controller 中，还是我应该创建一个组件？

Answer 1

您可能需要一个itemController ( see docs )

然后您可以在该项目 Controller 上设置您的 isBeingEdited，并且在显示和编辑单个 track 之间切换的操作也会在那里。

保存模型的操作将在路线

上进行