文章/答案/技术大牛

发布

社区首页 >问答首页 >使用角向文本添加动态样式

问使用角向文本添加动态样式
EN

Stack Overflow用户

提问于 2019-03-02 23:40:04

回答 2查看 1.8K关注 0票数 0

如何在不使用innerHTML、Jquery或dom操作的情况下使用角将样式动态添加到特定位置的文本？

就像。Hello World我想像Hello World那样展示

Hello应该是bold & World应该在italic。

下面是我所想的，

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

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

在角度上可以不使用dom操作吗？

请引导我。

javascript

angular

回答 2

Stack Overflow用户

发布于 2019-03-02 23:44:59

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

票数 0

Stack Overflow用户

发布于 2019-03-03 00:28:16

使用字体样式属性使其为斜体。字体式文档

使用字体权重属性使其粗体。字体权重文档

按照其他人的建议使用ngStyle。ngStyle文档

看起来会是这样的：

.style1 {
    font-weight: bold;

}

.style2 {
    font-style: italic;

}

<div>
    <span [ngStyle]="{'style1': condition}">Hello</span><span [ngStyle]="{'style2': condition}">World</span>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54964169

复制

相似问题

问使用角向文本添加动态样式
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用角向文本添加动态样式EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用角向文本添加动态样式
EN