相关疑难解决方法(0)

是否可以使用[style]或[ngStyle]在angular2中更改伪元素的样式？

为了获得div上的模糊效果,就像叠加一样,我应该在伪元素上设置背景图像.

我试过类似的东西

<div class="blur" [style.before.backgroundImage]="'url('+ featuredImage[i] + ' )'">

它不起作用.我也尝试过这个

<div class="blur" [ngStyle]="'{:before{ background-image:url('+ featuredImage[i] + ' )}}'">

我正在开发一个用angular 4开发的管理面板,并试图集成一个部分来自定义样式,如更改颜色,bg等.我已经开发了一个部分来保存数据库中的设置,使用API​​将它们作为json加载到json.

现在我尝试使用json中的值生成动态css,我尝试使用主要组件中的以下代码,但它无法正常工作

@Component({
      templateUrl: 'card.html',
      styles: [`
        .card {
          height: 70px;
          width: 100px;
          color: {{css.cardColor}};
        }
      `],
})

我不确定如何在组件中加载css值并在样式标记中使用它们.我没有找到任何其他解决方案.

另一种方法是使用角度动画概念,但css将是巨大的,并且不可能使用触发器和所有的角度动画来实现它.我相信有一个解决方案,因为它似乎是一个真正的要求,应该由许多其他开发人员完成.

任何帮助都很明显.

编辑:不能使用ngStyle作为几乎所有元素应用于整个应用程序,而不仅仅是特定元素.