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

Question

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

起初，我尝试只将容器的内部 HTML 设置为 HTML 字符串，但这没有用，所以我后来尝试使用 Dart 的 DomSanitizationService class，但这似乎也行不通。

我目前所掌握的是

飞镖：

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 似乎显示了，但是没有 link 了。

Answer 1

正如您绕过 URL 清理一样，您也必须绕过 HTML 清理以及使用 bypassSecurityTrustHtml 到 return 标记。 https://angular.io/api/platform-browser/DomSanitizer#bypassSecurityTrustHtml

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

How to display URLs from an HTML string in Angular Dart?

dart

angular-dart