使用Angular向文本添加动态样式

Question

如何在不使用innerHTML，Jquery或dom操纵的情况下，使用angular向特定位置的文本动态添加样式？

例如Hello World我想像你好 世界

Hello应该是bold，而World应该是italic。

所以下面是我的想法

let text = 'Hello World'
let style = {word:'Hello',type:'bold',word:'World',type:'italic'}

因此，基于style输入，text应该根据其类型自动获取样式。

是否可以在不进行dom操作的情况下在Angular中进行操作？

请指导我。

Answer 1

您可以使用类在CSS中定义样式，并利用ngClass指令有条件地将类添加到元素。

Answer 2

您可能想看看ngStyle-https://angular.io/api/common/NgStyle

Answer 3

使用font-style属性使其变为斜体。 font-style docs

使用font-weight属性将其设置为粗体。 font weight docs

使用其他建议的ngStyle。 ngStyle docs

它看起来像这样：

sudo pip install awsebcli==3.14.11