在 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() { }
}