如何在 Angular Dart 中显示 HTML 字符串中的 URL？

Question

我正在尝试让 Angular Dart 显示来自 HTML 字符串的标签中的链接。

起初，我尝试将容器的内部 HTML 设置为 HTML 字符串，但这不起作用，所以我尝试使用 Dart 的 DomSanitizationService 类，但这似乎也不行上班。

到目前为止我所拥有的是

飞镖：

class SomeComponent {
    final DomSanitizationService sanitizer;
    SafeUrl some_url;
    SomeComponent(this.sanitizer) {
          some_url = this.sanitizer.bypassSecurityTrustUrl('https://www.google.com');
    }

    String html_string = '''
    <a [href]="some_url">Hi</a>
    ''';

    String get Text => html_string;
}

HTML：

<div [innerHTML]="Text"></div>

我得到的错误是Removing disallowed attribute <A [href]="some_url">。文本Hi 似乎显示了，但没有链接了。

Answer 1

就像您绕过 URL 清理一样，您也必须绕过 HTML 清理以及使用 bypassSecurityTrustHtml 来返回标记。 https://angular.io/api/platform-browser/DomSanitizer#bypassSecurityTrustHtml