ng4.0 使用[innerHTML]动态插入的富文本如何设置样式
2018-01-10 18:52
966 查看
方法一:在css中设置样式
for CSS added to the component
:host ::ng-deep mySelector { background-color: blue; }
for CSS added to
index.html
body ::ng-deep mySelector { background-color: green; }
方法二:在ng生命周期中设置样式
使用方法二,我们得了解ng4的生命周期;经过测试,在ngAfterViewChecked方法中可以设置样式
名称 |
时机 |
接口 |
范围 |
ngOnChanges |
当被绑定的输入属性的值发生变化时调用,首次调用一定会发生在 ngOnInit之前。 |
OnChanges |
指令和组件 |
ngOnInit |
在第一轮 ngOnChanges 完成之后调用。 ( 译注:也就是说当每个输入属性的值都被触发了一次ngOnChanges 之后才会调用ngOnInit ,此时所有输入属性都已经有了正确的初始绑定值 ) |
OnInit |
指令和组件 |
ngDoCheck |
在每个 Angular 变更检测周期中调用。 |
DoCheck |
指令和组件 |
ngAfterContentInit |
当把内容投影进组件之后调用。 |
AfterContentInit |
组件 |
ngAfterContentChecked |
每次完成被投影组件内容的变更检测之后调用。 |
AfterContentChecked |
组件 |
ngAfterViewInit |
初始化完组件视图及其子视图之后调用。 after initializing the component's views and child views. |
AfterViewInit |
组件 |
ngAfterViewChecked |
每次做完组件视图和子视图的变更检测之后调用。 |
AfterViewChecked |
组件 |
ngOnDestroy |
当 Angular 每次销毁指令 / 组件之前调用。 |
OnDestroy |
指令和组件 |
相关文章推荐
- 如何使用代码动态设置水晶报表中的文本,字段等对象呢?
- 【转】如何使用代码动态设置水晶报表中的文本,字段等对象呢?
- 如何使用代码动态设置水晶报表中的文本,字段等对象呢?
- JavaScript如何动态的设置表格的样式
- 使用JavaScript动态设置样式 Ver2
- js 动态插入表格设置样式 js设置样式
- HTML中如何用CSS设置文本样式
- Flex中如何通过设置fontFamily样式在ComboBox控件中使用自定义嵌入字体的例子
- js动态插入表格设置表格样式
- c++builder上使用TIDTCPServer和TIDTCPClient进行简单通信,如何通过代码动态设置TIDTCPServer的Bindings属性。
- 使用jQuery制作高级炫酷吊炸天表单,页面加载完成文本框获得焦点,文本框设置默认文本,文本字数动态显示.....
- 如何在XCode中设置文本样式
- HTML中如何用CSS设置文本样式
- 使用SSH在做插入和修改的时候即使数据库中给字段设置了默认值还是没有用,在表对应的配置文件中也不知道该如何配置。。请教下。。
- 使用JavaScript动态设置样式实现代码(2)
- Flex Gumbo中如何通过contentBackgroundColor样式,设置TextInput内文本背景颜色
- GStreamer使用playbin,如何给动态生成的source组件设置属性?
- Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子
- 使用JavaScript动态设置样式实现代码及演示动画
- Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子