意外的結束標記Angular2

Question

我學習了Angular2與typscript和第一次更改後我卡住。這是我的問題。我的代碼是：

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

並即時得到錯誤與組件產品和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

。在你的組件模板錯字。更改<pm-prudcts>到<pm-products>：

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