Fork Me On Github

ng-deep 使用

a.scss

::ng-deep {
    a {
        color: #fff;
    }
}

ng-deep 表示里面的样式是公共的,需要影响子组件的样式。

可以理解为 vue 中的不带 scoped 属性的 style 标签

上面的样式表示,当打开 a 组件之后,样式开始生效,如果从 a 离开了样式依然会起作用,

注意

::ng-deep 里面的样式是影响全局的,如果想只作用与一个模块下

请使用一个规则名放在最外面

.page ::ng-deep {
    a {
        color: #fff;
    }
}
点击查看全文
标签: angular
0 23 0
angular 12使用 KaTex 显示 AsciiMath 格式的公式
angular 12 动态生成组件
angular 12 动画执行完成事件
angular 全局搜索触发子模块的搜索
angular 12 singleton service.angular 12 中单例 Service 的使用