在VS Code中關閉花括號

Question

import{Component} from '@angular/core';

@Component({
        selector: 'pm-app',
        template: `
        <div><h1>
        {{pageTitle}}
        </h1>
            <div>My First Component</div>
         </div>
        `}) 
export class AppComponent{
    pageTitle: string = `My first Angular app`;

如您所見，末尾缺少花括號，但是在我的編輯器VS Code中，我無法鍵入它，說， 代碼語言沒有被支持或定義嗎？

怎么解決，謝謝

Answer 1

原因可能是您缺少構造函數，而My first Angular app單引號是錯誤的：

import {Component} from '@angular/core';

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

export class AppComponent {

  pageTitle: string = 'My first Angular app';

  constructor() { }

}