angular之根据ts中的flag 动态修改子组件样式

修改子组件样式：

angular在父组件修改子组件样式使用

:host  ::ng-deep  .className{

}

常在修改第三方组件样式时使用

其他方式

:host  /deep/  .className{

}

其中：

:host 表示选择当前的组件。
::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。


参考：https://www.jianshu.com/p/2361020a89b8

参考：https://www.cnblogs.com/junjun-001/p/12914996.html

 

动态修改样式：

定义 classFlag，

在页面中用 ngClass,样式一和样式二切换；

参考：