Привязка событий не работает над моей системой, но работает на онлайн -компиляторе ⇐ Html

[Anonymous]

Я новичок и использую версию 18 Angular, но привязка событий не работает, когда я пробую его в своей системе.
Вот код, который я пытался < /p>
Продукт-list.component.html

Name: {{product.name}}
Price: {{'$'+product.price}}
Color: {{product.color}}
Discounted Price: {{'$'+ getDiscountedPrice().toFixed(2)}}
{{product.inStock>0 ? 'Only ' + product.inStock+ ' items left': 'Out of Stock'}}
Buy Now



{{name | uppercase}}
< /code>
product-list.component.ts
import { Component } from '@angular/core';

@Component({
selector: 'product-list',
templateUrl: './product-list.component.html',
styleUrl: './product-list.component.css'
})
export class ProductListComponent {
name: string = 'Yash Saxena';
product = {
name: 'iPhone X',
price: 999,
color: 'Red',
discount: 8.5,
inStock: 10,
pImage: '/assets/images/iphone.jpeg'
};

getDiscountedPrice() {
return ((100-this.product.discount) * this.product.price)/100
}

onNameChange():void {

this.name = 'Mark';
}

}

< /code>
Это не работает на моей локальной системе. Что может быть возможной причиной и как я могу ее решить?>

Подробнее здесь: https://stackoverflow.com/questions/787 ... e-compiler