首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angular 12 ::ng-deep (已弃用)?唯一有效的选择?

Angular 12 ::ng-deep (已弃用)?唯一有效的选择?
EN

Stack Overflow用户
提问于 2021-09-29 09:45:59
回答 1查看 192关注 0票数 0

我正在尝试更改ngx-charts中的文本,这是有效的:

代码语言:javascript
复制
::ng-deep .ngx-charts { 
    text{
        fill: #ff0000; 
    }
}

唯一的问题是::ng-deep被弃用了?

:host将不起作用

那么我该用什么来代替它呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-29 11:24:01

在捆绑其他全局styles.scss时,您可能必须在全局级别上应用此样式,或者在styles.scss/bundled中导入的文件中应用此样式。

(我通常直接从我的组件指定路径,例如:)

代码语言:javascript
复制
app-my-component-that-uses-this-chart {
  .ngx-charts {
    text {
       fill: #ff0000;
    }
  }
}

但您也可以应用类而不是组件名称,以使其更具可重用性

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

https://stackoverflow.com/questions/69374000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档