Question

我试过这个

应用程序/模板/打印dept.hbs

<form action="/print-dept-wise">
Department: <input type="text" id="dept"><br/><br/>
<input type="submit" value="Submit">
</form>

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

{{#each model as |print|}}
Employee Id: {{print.empId}} <br/>
First Name: {{print.fname}} <br/>
Last Name: {{print.lname}} <br/>
Employee Dept: {{print.dept}} <br/>
<br/>
{{/each}}

应用程序/路线/打印部门-wise.js

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);
}
});

但它不像我预期的那样工作

如何根据用户输入更改我的JSON网址的最后一部分？

Answer 1

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

类似于：

{{input value=department}}

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

在控制器/模板中访问

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

1 个答案: