意外的结束标记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> 
    ` 
})