要解决这个问题，可以使用Angular中的DomSanitizer服务和Angular的安全管道来转换特殊字符代码为相应的符号。

首先，确保已经导入了DomSanitizer服务：

import { DomSanitizer } from '@angular/platform-browser';

然后，在组件的构造函数中注入DomSanitizer服务：

constructor(private sanitizer: DomSanitizer) { }

接下来，创建一个安全管道来转换特殊字符代码为相应的符号。在你的组件文件中创建一个名为HtmlSafePipe的管道：

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';

@Pipe({
  name: 'htmlSafe'
})
export class HtmlSafePipe implements PipeTransform {
  constructor(private sanitizer: DomSanitizer) {}

  transform(value: string): SafeHtml {
    return this.sanitizer.bypassSecurityTrustHtml(value);
  }
}

在转换逻辑中，我们使用了this.sanitizer.bypassSecurityTrustHtml方法来将特殊字符代码转换为安全的HTML。

最后，在你的模板文件中，使用管道来转换特殊字符代码为相应的符号。例如：

在这个例子中，specialCharactersCode是一个包含特殊字符代码的变量，通过管道htmlSafe来转换为相应的符号，并使用[innerHTML]属性将结果插入到span元素中。

注意：使用[innerHTML]属性时要小心，确保你信任并且已经过滤了特殊字符代码，以避免潜在的安全风险。