Ember JS，将输入标签值作为参数传递给操作把手

Question

我想从<input>标记获取值并将其作为参数传递给EmberJS中的操作

当我使用JQuery {{action 'add' this.$('#x').val()}} action'add'this {{action 'add' this.$('#x').val()}} Ember无法建立并parse error on line ...给出parse error on line ...

在这里，我想将x和y作为参数传递给{{action}} ，我知道发送参数的语法是{{action parameter1 parameter2 ..etc}}

模板\\ alpha.hbs

<h1>alpha template</h1>
<div>
 <label>X value</label>
 <input type="text" id="x">
 <label>Y</label>
 <input type="text" id="y">
 <input type="button" id ="add-button" value="Add" {{action 'add' }}>
</div>

控制器\\ alpha.js

import Ember from 'ember';

export default Ember.Controller.extend({
  actions:{
    add: function(x, y){
      alert('this is done right '+x+ ' ' + y);
    }
  }
});

我在不传递参数的情况下测试了代码，并且代码按预期方式工作，给出了所需的警报

Answer 1

您需要利用Ember中的input助手和值绑定：

<br><h1>alpha template</h1>
<div>
 <label>X value</label>
 {{input value=xValue}}
 <label>Y</label>
 {{input value=yValue}}
 <input type="button" id ="add-button" value="Add" {{action 'add' xValue yValue}}/>
</div>

• 工作演示。
• 演示后面的完整代码。