错误：无法解析类名的所有参数（？？？）

Question

当我尝试使用创建带有参数的类的新实例时出现此错误，但当不使用参数时它工作正常。可能是什么问题？

这是课程

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

  constructor(name1: string, description1: string, imagePath1: string) {
    this.name = name1;
    this.description = description1;
    this.imageP = imagePath1;
  }

}

这是组件

import {Component, OnInit, Output} from '@angular/core';
import { Recipe } from '../recipe';

@Component({
  selector: 'rb-recipes-list',
  templateUrl: './recipes-list.component.html',
  providers: [ Recipe ]
})
export class RecipesListComponent implements OnInit {

  theRecipe: Recipe = new Recipe( 'New', 'blah blah blah', 'ddkkkiskxmdks');

  recipe = this.theRecipe.name;

    constructor() { }

  ngOnInit() {
  }

}

如果我分别在 recipe.ts 和 recipe-list.component.ts 中执行此操作：

export class Recipe {
  public name: string = 'hello world';
  public  description: string = 'hello world';
  public  imageP: string = 'hello world'; 

}


import {Component, OnInit, Output} from '@angular/core';
import { Recipe } from '../recipe';

@Component({
  selector: 'rb-recipes-list',
  templateUrl: './recipes-list.component.html',
  providers: [ Recipe ]
})
export class RecipesListComponent implements OnInit {
  //recipes: Recipe[] = [];

  theRecipe: Recipe = new Recipe()

  recipe = this.theRecipe.name;

    constructor() { }

  ngOnInit() {
  }

}

完美运行。

Answer 1

问题应该出在this关键字

export class RecipesListComponent implements OnInit {

  theRecipe: Recipe = new Recipe( 'New', 'blah blah blah', 'ddkkkiskxmdks');

  // recipe = this.theRecipe.name;          //<<<===removed this line

  recipe = theRecipe.name;                  //<<===removed this keyword

}

更新：我刚刚对此进行了测试并且运行良好。

export class RecipesListComponent implements OnInit {

    theRecipe:Recipe;

    constructor(){
      this.theRecipe = new Recipe( 'New', 'blah blah blah', 'ddkkkiskxmdks');
      console.log(this.theRecipe.name);
    }
  ....
}

或

export class RecipesListComponent implements OnInit {

        theRecipe:Recipe;
        theRecipe = new Recipe( 'New', 'blah blah blah', 'ddkkkiskxmdks');
        constructor(){
           console.log(this.theRecipe.name);
        }
      ....
 }

注意。删除providers:[Recipe]（不需要）。您只需要将它导入到任何您想要使用它的地方。

Update1：我也用 plunker 对其进行了测试，它的工作原理，

DEMO : https://plnkr.co/edit/Vxdeyjwdjol9TnVhCV19?p=preview 检查浏览器的控制台。