javascript - html 标签和 Angular 中的属性不起作用

Question

我正在为学生创建应用程序，用户将能够选择文本并突出显示文本，现在我正在做的是将所选文本保存在服务器上以在文档中的每个段落中具有持久标记是一个 block ，每个 block 都有一个 id，这样我就可以知道在哪里进行了选择，当我从服务器返回标记时，我得到每个文档的标记列表，我使用选择的开始和结束来知道我需要在文本中放置标记，当我放置标记时，我会创建一个如下所示的字符串:

const markerText = `<mark class="${marker.color}"
    data-marker-id="${marker.id}">${textSelected}</mark>`;

我替换了原始文本中的一个，但由于某种原因，当替换文本时，只有mark标签的class属性出现在html中，由于某种原因，data -marker-id 它没有。

我的事件尝试使用[attr.data-marker.id]="${marker.id}"

因为段落(文本 block )来自带有 html 标记的服务器，所以我使用 html 标记获取 block 的内容作为字符串，所以我使用

<p [innerHTML]="block.text"></p>

知道为什么......吗？

Answer 1

我认为 Angular 团队放弃了 Angular (2+) 中的 $compile 功能。仍然可以加载远程 html 字符串并将它们放入 [innerHTML]，但仅此而已。没有一种原生或简单的方法可以从远程 HTML 中插入数据。

请参阅这篇文章: https://medium.com/lacolaco-blog/forget-compile-in-angular-2-a2893d8291b1