title: Angular 2 error using model in component
body: <p>I am learning Angular 2 and I am getting a strange error:</p>
  
  <blockquote>
    <p>ERROR in [default] /home/szabo/PhpstormProjects/recipe-book/src/app/recipes/recipe-list/recipe-item.component.ts:11:2 
        Unable to resolve signature of property decorator when called as an expression.
          Supplied parameters do not match any signature of call target.</p>
  </blockquote>
  
  <p>Here is my "model":</p>
  
  <p><strong>recipe.ts</strong></p>
  
  <pre><code>export class Recipe {
      constructor(public name, public description, public imagePath) {
  
      }
  }
  </code></pre>
  
  <p>Here is my <strong>RecipeItemComponent</strong>:</p>
  
  <pre><code>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() {
    }
  
  }
  </code></pre>
  
  <p>What could be the problem?
  Thanks.</p>