文章/答案/技术大牛

发布

问angular 6用条件覆盖css
EN

Stack Overflow用户

提问于 2020-12-17 17:26:39

回答 1查看 44关注 0票数 0

我在项目中使用了ng-select，使用[clearable]="false"删除了清除十字图标，还通过覆盖ng-value-icon类删除了每个项的清除图标

:host ::ng-deep .ng-value-icon {
    display: none !important;
}

我想要应用有条件的css

  constructor() {
    if(this.result === "ok") {
      //apply the css
    }
  }

发布于 2020-12-17 18:30:29

模板的这一部分(来自Stackblitz)决定类custom与名为step的作用域变量相关

   [class.custom]="step === 'step1'"

所以，使用它：

  step: 'step1'|'not-step1' = 'not-step1';

  constructor() {
    if(this.result === "ok") {
      this.step = "step1";
    }
  }

或者将模板中的条件更改为

   [class.custom]='result === "ok"'

或者，比这个css切换更好的方法是，您可以使用*ngIf

  *ngIf="result === 'ok'"

。

票数 0

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

原文链接：

https://stackoverflow.com/questions/65337902

复制

相似问题

问angular 6用条件覆盖cssEN