如何从模板中获取输入并将其存储在Ember中的javascript变量中?

如何从模板中获取输入并将其存储在Ember中的javascript变量中?,javascript,ember.js,ember-data,ember-cli,Javascript,Ember.js,Ember Data,Ember Cli,我试过这样做 应用程序/模板/打印-部门hbs <form action="/print-dept-wise"> Department: <input type="text" id="dept"><br/><br/> <input type="submit" value="Submit"> </form> 但这并不像我预期的那样有效 如何根据用户输入更改JSON url的最后一部分?您可以将模板中的属性绑定到组件/控制器值

我试过这样做

应用程序/模板/打印-部门hbs

<form action="/print-dept-wise">
Department: <input type="text" id="dept"><br/><br/>
<input type="submit" value="Submit">
</form>
但这并不像我预期的那样有效


如何根据用户输入更改JSON url的最后一部分?

您可以将模板中的属性绑定到组件/控制器值,然后将它们发送到路由。余烬有一些内置的,你可以使用

比如:

{{input value=department}}

将用户输入的内容绑定到名为
value
的属性,然后您可以使用
this.get('department')

在控制器/模板中访问该属性,以澄清:您希望根据用户的输入发出AJAX请求吗?很难判断您要做什么--
getParameterById
不是
document
上的方法。
import Ember from 'ember';

export default Ember.Route.extend({
model() {
var text = document.getParameterById("dept");
return Ember.$.getJSON('http://localhost/EmpDir/app/jsonRes/jsonR/'+text);
}
});
{{input value=department}}