Question

使用ember.js我有一个输入：

{{input id="my_input" name="my_input" type="text"}}

然后我想使用linkTo创建一个链接，但希望输入的值是href的一部分。像这样：

{{#linkTo 'my_resource' my_input}}the link{{/linkTo}}

我的资源定义如下：

App.Router.map(function() {
    this.resource("my_resource", {path: ":my_input"});
});

这可能吗？

感谢。

Answer 1

肯定：

http://emberjs.jsbin.com/eFAGixo/1/edit

App.Router.map(function() {
  this.resource('search', {path:'search/:search_text'});
});


App.SearchRoute = Ember.Route.extend({
  model: function(params){
  // at this point params.search_text will have
  // what you searched for
  // since you are sending a string, it will hit the model
  // hook, had you sent an object it would have skipped this
  // hook and just used the object as your model
    return { searchInThisRoute: params.search_text};
  }
});


<script type="text/x-handlebars" data-template-name="application">
 <h2>Welcome to Ember.js</h2>

  {{input value=searchText}}
  {{#link-to 'search' searchText}} Go To Search{{/link-to}}

  {{outlet}}
</script>

PS：这实际上看起来像按钮和使用Ember Actions会更有意义，但这就像花花公子一样。

Ember.js - 使用输入值动态构建链接

1 个答案: