【问题标题】:how to load html with errors in angular如何加载带有角度错误的html
【发布时间】:2019-06-14 13:28:22
【问题描述】:

我正在使用 Angular 6。我有一个动态创建的 HTML 文件。其中可能有如下错误:

自闭标签

缺少结束标签

数学方程

自定义属性

类似模板解析错误的错误: 没有将“exportAs”设置为“aff”的指令(

有什么方法可以跳过所有错误并简单地以角度加载 HTML 内容?

【问题讨论】:

    标签: html angular typescript angular6


    【解决方案1】:

    试试这样。我没有测试过这段代码。

    import { Pipe, PipeTransform } from '@angular/core';
    import { DomSanitizer } from '@angular/platform-browser';
    
    @Pipe({ name: 'keepHtml', pure: false })
    export class EscapeHtmlPipe implements PipeTransform {
    constructor(private sanitizer: DomSanitizer) {
    }
    
      transform(content) {
        return this.sanitizer.bypassSecurityTrustHtml(content);
      }
    }
    

    Ref link

    【讨论】:

      【解决方案2】:

      我首先鼓励在您的代码中使用 nglint。 从我的角度来看,从 Angular 生成 HTML 是一个非常糟糕的主意,我真的认为它根本行不通!那是有角的工作。您必须生成动态组件。然后,Angular 会在 html 中渲染这些组件。

      【讨论】:

      • 抱歉不是这样,我在外部创建 html,我想以角度加载该 html。这个 html 有一些错误,因为我无法以 angular 加载网页。这就是问题:(
      • 所以,请完善您的问题
      【解决方案3】:

      在生成 html 页面后使用 html 验证器,这将允许修复它。

      【讨论】:

        猜你喜欢
        • 2019-07-03
        • 2019-01-29
        • 2020-11-20
        • 1970-01-01
        • 1970-01-01
        • 2020-10-14
        • 2016-04-21
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多