灰烬路线查询参数

Question

我想用查询参数打开一个新的视角。

这意味着在我的index.hbs中，我单击一个按钮从输入字段中获取值。 之后，我将在我的案例地图视图中打开一条新路线，路径为“/ map”，其中包含查询参数

localhost:4200/map/?search=xyz

当我在我的索引控制器中：

queryparams:['location'],
location:null,

在我的路线

  actions:{
    search(location){
      this.transitionTo('map-view');
  }
}

我马上上了我的索引网址

/?location=xcyxyx

但我想在我的地图路线上

localhost:4200/map/?search=xyz

Answer 1

在index.js控制器中定义search属性，将其用于queryParams值转换为map-view route。

index.hbs

{{input value=search}}
<br />
<button {{action 'transitionToLocation'}}> Search</button>

controllers / index.js - 请参阅transitionToRoute

import Ember from 'ember';
export default Ember.Controller.extend({
  search:'india',
  actions:{
    transitionToLocation(){
      this.transitionToRoute('map-view',{queryParams: {search: this.get('search')}});
    }
  }
});

路由/地图view.js
使用refreshModel定义queryParams search ，然后这将强制触发beforeModel和model和afterModel挂钩以进行search属性更改。

import Ember from 'ember';
export default Ember.Route.extend({
  queryParams:{search: {refreshModel:true}},
});

Answer 2

queryparam将是“搜索”，因为这是您希望在URL中显示的内容。

语法可以在以下网址找到： https ： //guides.emberjs.com/v2.10.0/routing/query-params/

在该页面上，它显示了在使用transitionTo时如何指定查询参数。 希望这可以帮助。