Вызов класса в угловой 2 дал мне Поставленные параметры не соответствуют какой-либо подписи цели вызова

Question

я создал следующий класс items-class.ts:

export class ItemsClass { 
    constructor(public name:string, public desc:string, public stat:string){} 
} 

И я хочу использовать его в качестве компонента под названием app.component.ts:

import { Component } from '@angular/core'; 
import { ItemsClass } from './items-class'; 
@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    list:ItemsClass = new ItemsClass('Product 1', 'Electronics', 'Sold Out'); 
} 

Теперь я хочу, чтобы отобразить элемент в шаблоне HTML в app.component.html:

<div class="row"> 
    <div class="col-xs-12"> 
    <a class="btn btn-success">New Recipe</a> 
    </div> 
</div> 
<hr> 
<div class="row"> 
    <div class="col-xs-12"> 
    <ul class="list-group"> 
    {{list.name}} 
    </ul> 
    {{list.desc}} | {{list.stat}} 
    </div> 
</div> 

Результатом является то, что я получаю эту ошибку:

Module build failed: Error: C:/Users/gis-dataasst/Desktop/test2/src/app/app.component.ts (9,21): Supplied parameters do not match any signature of call target.) at _checkDiagnostics (C:\Users...src\loader.js:145:15) at C:\Users...\src\loader.js:172:17 @ ./src/app/app.module.ts 14:0-47 @ ./src/main.ts @ multi main

Answer 1

Ваши поля класса не установлены

export class ItemsClass { 
    name: string; 
    desc: string; 
    stat: string; 
    constructor(public name:string, public desc:string, public stat:string){ 
     this.name = name; 
     this.desc = desc; 
     this.stat = stat; 
    } 
}