我对 Ember 非常陌生，并且对动态元素有疑问。 我想知道如何通过单击按钮将输入字段动态添加到我的 ember 模板/模型中。然后让该信息能够在模型上更新。
如果它是静态的，我知道如何处理。我熟悉使用动作事件更新控制器并编写函数来处理它们。我之前没有修改过某个操作的视图。
欢迎使用逻辑和关键字，我不需要确切的代码，但它会有所帮助。
谢谢！
【问题讨论】：
标签： javascript forms ember.js handlebars.js
OOOOOOOOOOK 经过数小时的失败后，我终于得到了我需要的东西，了解 ember 弃用很有帮助哈。但是，我不确定这是否是最好/正确的处理方式。有人可以告诉我是否有更好的选择。
这样做的功能是：点击保存输入中的数据，然后添加另一个输入，同时仍显示先前的数据。
我有一个模型，其中包含一个临时值和一个数组。
App.ApplicationRoute = Ember.Route.extend({
model:function(){
return {singleVal:'',images:[]}
}
})
我有一个模板，它显示一个空白输入，其值始终指向模型临时值。它还循环 model.images 并显示任何数据（如果有）。由于它是用 #each 编写的，因此它会在模型更改时更新:)
{{#each model.images as |info|}}
<label>image:</label>
{{input value=info}}<br/>
{{/each}}
image {{input value=model.singleVal}}<br/><br/>
<button {{action "addField"}}>ADD INPUT FIELD</button>
控制器监听点击。然后只需将 temp 值添加到模型中的图像数组中。然后它会清除临时变量，因此它不会在重新渲染时显示。
App.ApplicationController = Ember.Controller.extend({
actions:{
addField:function(){
console.log(this.model.singleVal);
this.model['images'].addObject(this.model.singleVal);
this.set('model.singleVal','')
}
}
})
【讨论】：
get() 和 set()）：@ 987654321@
{{input value=myVariable}}。控制器上设置的属性直接在控制器模板中可用。我已经更新了旋转（哈哈旋转是一个有趣的词:)。
这里概述了如何执行您所描述的操作：
model.js
import DS from 'ember-data';
const {
attr
} = DS;
export default DS.Model.extend({
someProperty: attr('string')
});
template.hbs
<button {{action 'toggleInput'}}>
Toggle that input!
</button>
{{#if isVisible}}
{{input
value=model.someProperty
}}
{{/if}}
controller.js
import Ember from 'ember';
export default Ember.Controller.extend({
isVisible: false,
actions: {
toggleInput() {
this.toggleProperty('isVisible');
}
}
});
还有一个 ember-twiddle 演示：https://ember-twiddle.com/3901bf2bf11c65cff1b5?numColumns=1&openFiles=application.route.js%2C
【讨论】：