javascript - angularjs:将背景大小从封面更改为包含

我正在练习有角度的语言，有些页面的主图像称为“ MainImg”。在CSS中，其格式如下：

.main-section__main-image{
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url({{ settings["MainImg"] }}) top no-repeat;
            background-size: cover;
            }

因此，在控制器中使用MainImg将显示具有相应设置的图像。

但是，其中一些图片太大或太宽，我想用不同的格式设置它们。如何更改某些图片的背景大小？该应用程序是数据驱动的，因此设置将应用于所有名为MainImg的图片。

最佳答案

需要有关控制器和可能的模型外观的更多上下文，但是您可以尝试以下方法。

在MainImg中为className添加一个字段。根据您是否需要为相关图像设置background-size，该图像将包含“ main-section__main-image”或包含“ main-section__main-image main-image__cover”。

在视图中使用ng-class指令从该字段读取所需的类。

将CSS中的background-size规则移至新的.main-image__cover类，它应该可以工作。