HTML标记和angular中的属性不起作用

Question

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

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

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

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

因为段落（文本块）来自带有html标记的服务器，所以我使用html标签将块的内容作为字符串获取，所以我使用

<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