如何在路由更改时过滤网格中的数据

时间:2018-03-08 17:52:03

标签: node.js angular

嗨,我对角度很新。

我有一个像http://localhost:3000/prizes/brand1,brand2,brand3

这样的网址

我想重新加载我的网格项并根据该品牌过滤它们。

{ path: 'prizes/:brand_name', component: PrizeComponent }

这是我必须获取项目的方法

getPrizes() {
   return this._http.get('/prizes')
   .map(data => data.json()).toPromise()
 }

问题

如何在新路线上重新加载/回调get方法,如何获取品牌名称并将其作为参数传递给get方法。

此致

1 个答案:

答案 0 :(得分:0)

如果要使用dataService来获取数据:

@Injectable()
export class daraService {
 private brandName: string = '';

  constructor(aroute: ActivatedRoute) {
      aroute.url.subscribe((data) => {
        console.log('params ', data); //check for brand here
         this.brandName = data[data.length - 1]
     });
   }

  getPrizes() {
    // you can access this.brandName value here
   return this._http.get('/prizes')
      .map(data => data.json()).toPromise()
   }
}