I am currently delving into Angular2 with TypeScript and have hit a roadblock after making some initial changes. Here is the issue I am facing. My code snippet is as follows:
import { Component } from '@angular/core';
@Component({
selector: 'pm-app',
template: `
<div><h1>{{pageTitle}}</h1>
<pm-prudcts></pm-products>
</div>
`
})
export class AppComponent {
pageTitle: string = 'Acme Product Manager';
}
Unfortunately, I am encountering an error related to the Component Products and div tag:
Template parse errors:
Unexpected closing tag "pm-products" ("
<div><h1>{{pageTitle}}</h1>
<pm-prudcts>[ERROR ->]</pm-products>
</div>
"): AppComponent@2:24
Unexpected closing tag "div" ("
<div><h1>{{pageTitle}}</h1>
<pm-prudcts></pm-products>
[ERROR ->]</div>
"): AppComponent@3:8