角度模板：防止伪元素包装

Question

我正在使用：after在Angular App的文本末尾添加一个弹出图标。如何防止图标单独包装？我想把它附加到最后一个词上。但在我的用例中，文本是{{Text}}

中的Angular数据

如果这不是一个有角度的应用程序，我通常会做类似的事情：

<p>This is my <span class="popUp">sentence</span></p>  

CSS

.popUp:after {
     content: "\e62a"
}

但是我的用例是

<p>{{Text}}<span class="popUp"></span></p>