在Angular 2应用程序中,如果一个符号显示为'
,这意味着它被HTML实体编码了。'
代表单引号字符。
要解决这个问题,你可以使用Angular的内置的HTML解码器来将实体编码的符号转换回原始字符。可以通过使用[innerHTML]
属性和DomSanitizer
服务来实现。
首先,在组件的模板中,使用[innerHTML]
属性来显示包含实体编码的符号的文本。例如:
<div [innerHTML]="'''"></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(''');
}
}
这样,'
将被正确地显示为单引号字符。
领取专属 10元无门槛券
手把手带您无忧上云