2017-03-06 28 views
0

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

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> 
    "): [email protected]:24 
Unexpected closing tag "div" (" 
     <div><h1>{{pageTitle}}</h1> 
      <pm-prudcts></pm-products> 
     [ERROR ->]</div> 
    "): [email protected]:8 
+4

あなたがタグのいずれかにスペルミス 'PM-products'だ:<pm-prudcts><pm-products>に変更します – OmarIlias

答えて

3

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

@Component({ 
    selector: 'pm-app', 
    template: ` 
     <div><h1>{{pageTitle}}</h1> 
      <pm-products></pm-products> 
     </div> 
    ` 
}) 
関連する問題