这个问题通常发生在使用PrimeNG的p-message组件时,当p-message的值中包含HTML标签时,Angular会抛出“value p-message is not allowed”的错误。要解决这个问题,可以使用内置的DomSanitizer服务来安全地绑定HTML内容。
以下是示例代码:
在组件.ts文件中:
import { Component, OnInit } from '@angular/core'; import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
@Component({ selector: 'app-example', templateUrl: './example.component.html' }) export class ExampleComponent implements OnInit {
message: SafeHtml;
constructor(private sanitizer: DomSanitizer) {}
ngOnInit(): void { this.message = this.sanitizer.bypassSecurityTrustHtml('
这是带有HTML标签的消息。
'); }}
在组件.html文件中:
通过这种方式,您可以在p-message组件中安全地使用HTML内容。