Javascript 余烬JS,将输入标记值作为参数传递到操作Handlbar中

Javascript 余烬JS,将输入标记值作为参数传递到操作Handlbar中,javascript,jquery,ember.js,ember-cli,Javascript,Jquery,Ember.js,Ember Cli,我想从标记中获取值,并将其作为参数传递给EmberJS中的操作 当我使用JQuery{{action'add'this.$('#x').val()}Ember无法生成第行的给定parse error… 这里我想把x和y作为参数传递给{{action},我知道发送参数的语法是{{action parameter1 parameter2..etc} 模板\alpha.hbs <h1>alpha template</h1> <div> <label>X

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

当我使用JQuery
{{action'add'this.$('#x').val()}
Ember无法生成第行的给定
parse error…

这里我想把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>

我在没有传递参数的情况下测试了代码,代码按预期工作,提供了所需的警报

您需要利用Ember中的
输入
帮助程序和值绑定:

<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>

阿尔法模板 X值 {{input value=xValue}} Y {{input value=yValue}}

为什么不将您的输入输入到表单中,并让表单在提交时触发一个操作?好吧,在同一表单中使用多个具有不同参数数的按钮将无助于提交我想要的内容,谢谢您提供的链接
<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>