使用组件中的模型的Angular 2错误

Question

我正在学习Angular 2,我收到一个奇怪的错误:

ERROR in [default] /home/szabo/PhpstormProjects/recipe-book/src/app/recipes/recipe-list/recipe-item.component.ts:11:2当作为表达式调用时,无法解析属性修饰符的签名.提供的参数与呼叫目标的任何签名都不匹配.

这是我的"模特":

recipe.ts

export class Recipe {
    constructor(public name, public description, public imagePath) {

    }
}

这是我的RecipeItemComponent:

import {Component, OnInit, Input} from '@angular/core';

import { Recipe } from '../recipe';

@Component({
    selector: 'app-recipe-item',
    templateUrl: './recipe-item.component.html',
    styleUrls: ['./recipe-item.component.css']
})
export class RecipeItemComponent implements OnInit {
  @Input recipe: Recipe; //line 11
  recipeId: number;

  constructor() { }

  ngOnInit() {
  }

}

可能是什么问题呢？谢谢.

Answer 1

你的模型不是问题,你()在@Input装饰上缺少:

@Input() recipe: Recipe;

了解更多关于Input 这里.