Ember表单操作返回未定义的输入值

Question

我遇到了与Ember.js有关的奇怪问题。

我构建了一个类似的基本搜索表单，其中一个Ember输入字段提交给表单操作'submitSearch'：

import Ember from 'ember';

export default Ember.Route.extend({
	actions: {
	  submitSearch: function() {
	  	  var searchItem = this.get('searchItem');
	      this.transitionTo({queryParams: {'q':searchItem}});
	  }
  }
});

<div class="search">
		<form {{action "submitSearch" on="submit"}}>
			<fieldset>
				{{input type="text" class="form-control" value=searchItem}}
				<input type="submit" name="submit" id="submit-search" class="btn btn-default" value="Search" />
			</fieldset>		
		</form>
	</div>

在退出searchItem时，我会获得'undefined'值的原因是什么？我已经尝试过几乎所有事情，包括创建一个模型，但我无法获得保存的输入。

Answer 1

模板中的searchTerm值是指控制器的this.get('controller.searchTerm')属性，而不是路由的属性（默认情况下，当引用模板中的属性时，它指的是属性相应的控制器）。

要获取路线中的值，只需执行{{1}}。