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

Question

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

  

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

这是我的＆＃34;型号＆＃34;：

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 here。