Question

我开始学习角度我尝试按类别显示数据;我在service.ts中获取此数据：

getFoodsByCat(id :number): Observable<any> {
    return this.http.get('http://livrer/api/menu/' +id)
    .map(
        (response: Response) => { return response.json().foods;
         }
    );}

Iam正在寻找创建一个函数来手动传递categorie_id，因为我有7个类别1到7。我想念“功能”中的一些东西获取食物类别（id）我不知道是什么：

export class FoodsComponent implements OnInit {
foods: Food[];
id : number;

  constructor(private foodService: FoodService ) { }

  ngOnInit() {
  } 
onGetFoodsByCategorie(id){
this.foodService.getFoodsByCat(this.id)
.subscribe(
(foods: Food[])=> this.foods = foods,
(error : Response)=> console.log(error)
);
  }

如何使用这种逻辑：

<li (click)="onGetFoodsByCategorie(2)">Burger</li>
<li (click)="onGetFoodsByCategorie(3)">Sandwichs</li>
<li (click)="onGetFoodsByCategorie(4)">PIZZAS</li>
<li (click)="onGetFoodsByCategorie(5)">Salades</li>
<li (click)="onGetFoodsByCategorie(6)">Desserts</li>
<li (click)="onGetFoodsByCategorie(7)">Boissons</li>

因为它什么也没显示。

Answer 1

替换

this.foodService.getFoodsByCat(this.id)

通过

this.foodService.getFoodsByCat(id)

并从您的组件中删除id字段，因为它没用。

angular2与类型脚本

1 个答案: