how to fix this symbol‘在angular 2应用程序中显示为&#39

在Angular 2应用程序中，如果一个符号显示为'，这意味着它被HTML实体编码了。'代表单引号字符。

要解决这个问题，你可以使用Angular的内置的HTML解码器来将实体编码的符号转换回原始字符。可以通过使用[innerHTML]属性和DomSanitizer服务来实现。

首先，在组件的模板中，使用[innerHTML]属性来显示包含实体编码的符号的文本。例如：

<div [innerHTML]="'&#39;'"></div>

然后，在组件的代码中，注入DomSanitizer服务，并使用bypassSecurityTrustHtml方法来解码实体编码的符号。例如：

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

@Component({
  selector: 'app-example',
  template: '<div [innerHTML]="decodedSymbol"></div>'
})
export class ExampleComponent {
  decodedSymbol: any;

  constructor(private sanitizer: DomSanitizer) {
    this.decodedSymbol = this.sanitizer.bypassSecurityTrustHtml('&#39;');
  }
}

这样，'将被正确地显示为单引号字符。

关于Angular的HTML解码器和DomSanitizer服务的更多信息，请参考腾讯云的Angular文档：

请注意，以上答案中提到的腾讯云相关产品和产品介绍链接地址仅供参考，具体选择和使用云计算产品应根据实际需求和情况进行评估和决策。