在Ember

Question

我想知道如何从组件中动态编辑组件属性。代码可能会帮助您更清楚地了解我想要做的事情。

模板/ boards.hbs

<div>
  {{board-component title='Title that wants to be dynamic'}}
</div> 

组件/板component.hbs

{{#if isEditing}}

  <div>
    <input type="text" value={{title}}>
  </div>

{{else}}

  <div>
    {{title}}
  </div>

{{/if}}

我是否正确地说标准行为会将我在输入中指定的值反映为标题，但由于我已经在模板中声明了值，它会恢复为此声明的值？

我怎样才能解决这个问题？

Answer 1

<input type="text" value={{title}}>

这意味着，board-component title属性将从boards.hbs获取值。最初，这将显示在输入中。但更改输入值不会在组件的title属性中反映出来。

但如果你使用下面的输入助手，

{{input type="text" value=title}} 

输入值和title属性之间是双向绑定。因此，每当您从输入中更改将反映在组件中的值时。

回答你的问题，使用输入助手。

{{input type="text" value=title}}