如何更改angular 2中的组件html模板？

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html', // 原始的HTML模板文件路径
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  // 组件的逻辑代码
}

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

@Component({
  selector: 'app-example',
  template: `
    <h1>New HTML Template</h1>
    <p>This is a new HTML template for the ExampleComponent.</p>
  `,
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  // 组件的逻辑代码
}