予期しない終了タグAngular2

Question

Imax2をtypscriptで学習し、最初に変更した後にimがつまった。ここに私の問題があります。私のコードは次のとおりです。

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'; 
} 

とIMコンポーネント製品とのdivタグでエラーを取得：

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 

Answer 1

コンポーネントテンプレートにタイプミスがあります。必ず開始タグと終了タグが同じ名前を持って作る、

@Component({ 
    selector: 'pm-app', 
    template: ` 
     <div><h1>{{pageTitle}}</h1> 
      <pm-products></pm-products> 
     </div> 
    ` 
})