Angular 4 Property does not exist on type Object on build

Question

I'm building a project using Angular, I started the project using angular-cli and when I try to run ng build --prod i keep getting this error:

Property 'description' does not exist on type Object

The code generating this error is the following:

export class AppComponent {     product: Object = {};      constructor(         private store: StoreService,         private request: RequestService,     ) {         this.product = this.request.getProduct(_id);     } }  <p>{{product.description}}</p> 

I was reading some content about this and the error is because I'm using type definition to define product as Object, but I'm not passing any property definition.

I know I could define an Interface, like I do with arrays, but I wasn't able to do it. I don't know if I'm defining it wrong, this is how I tried:

export interface ProductInterface {     id: Number;     description: String;     title: String; }  product: Object<ProductInterface> = {}; 

But it also gives me errors. What do I need to do to avoid this?

Answer 1

For your first example. In your html, you are saying product has the property description (which it does not on type Object)

In your second example. You are initially defining product as an empty object

product: ProductInterface = {}; 

Which is missing the required fields of the interface. So you can remove the initialization, leaving

product: ProductInterface; 

Also as others have noted, you do not need the Object<> syntax