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

}

在VS Code中关闭花括号

1 个答案: