这段代码有什么错误？我添加了一个新类并导入到 .ts 文件中，然后定义了一个数组

Question

控制台显示错误并显示配方未定义。

最后我添加了单独文件的类定义。

导入声明：

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

新配方

export class RecipeListComponent implements OnInit {
    recipes : Recipe[] = [
        new Recipe('Test 1','Test Description','https://www.gimmesomeoven.com/wp-content/uploads/2014/03/Cajun-Jambalaya-Recipe-with-Andouille-Sausage-Shrimp-and-Chicken-3-1.jpg') 
];

    constructor(){}
    ngOnInit() {

    }
    }

类定义：

export class Recipe {
    public name : string;
    public description : string;
    public imagePath : string;

    constructor(name :string, description : string, imagePath : string){
        this.name=name;
        this.description=description;
        this.imagePath=imagePath;
    }
}

Answer 1

可能是你的声明：

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

 export class RecipeListComponent implements OnInit {
    public recipes: Recipe;
 constructor(){
   this.recipes = new Recipe('Test 1','Test 
   Description','https://www.gimmesomeoven.com/wp-
   content/uploads/2014/03/Cajun-Jambalaya-Recipe-with-Andouille-Sausage-
  Shrimp-and-Chicken-3-1.jpg');
 }

 ngOnInit() {

  }
 }