在html中写typescript,如何在Html中显示Typescript代码

我想在

Html模板中显示组件的代码,而不是代码生成的值,而是实际的代码.

像这样

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

import { Resolve, ActivatedRouteSnapshot } from '@angular/router';

import {CompetitionService} from "../shared/competition.service";

import {Observable} from "rxjs";

@Injectable()

export class TableResolve implements Resolve {

constructor(private competitionService:CompetitionService) {}

resolve(route: ActivatedRouteSnapshot):Observable<> {

return this.competitionService.getTeams(route.params['id']);

}

}

这整个代码就像它们在问题部分的stackoverflow中所示.我尝试使用< pre>和但似乎没有工作,我在控制台中收到此错误.

Error: Template parse errors: Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)

但如果我必须为所有人逃脱它{这是有问题的,请帮忙吗？